cartodb-4.42/lib/assets/javascripts/new-dashboard/components/Catalog/NavigationTabs.vue

41 lines
709 B
Vue
Raw Normal View History

2024-04-06 13:25:13 +08:00
<template>
<div id="nav" class="nav-tabs u-mb--12">
<slot></slot>
</div>
</template>
<script>
export default {
name: 'NavigationTabs'
};
</script>
<style lang="scss" scoped>
@import 'new-dashboard/styles/variables';
.nav-tabs {
border-bottom: 1px solid $neutral--300;
& > a {
display: inline-block;
margin-right: 48px;
padding: 24px 0;
color: $color-primary;
font-family: $title__font-family;
font-size: 12px;
font-weight: 600;
line-height: 16px;
&.router-link-exact-active {
border-bottom: 4px solid $neutral--800;
color: $neutral--800;
pointer-events: none;
}
&:hover {
text-decoration: underline;
}
}
}
</style>