mirror of
https://github.com/HabitRPG/habitica.git
synced 2025-12-18 07:07:35 +01:00
33 lines
545 B
Vue
33 lines
545 B
Vue
<template>
|
|
<nav class="nav d-flex justify-content-center secondary-menu">
|
|
<slot></slot>
|
|
</nav>
|
|
</template>
|
|
|
|
<style lang="scss" scoped>
|
|
@import '~@/assets/scss/colors.scss';
|
|
|
|
.secondary-menu {
|
|
background: $gray-600;
|
|
box-shadow: 0 1px 2px 0 rgba($black, 0.2);
|
|
z-index: 9;
|
|
}
|
|
|
|
.nav-link {
|
|
font-size: 16px;
|
|
line-height: 1.5;
|
|
padding: 16px 24px;
|
|
font-weight: bold;
|
|
color: $gray-50;
|
|
|
|
&.active {
|
|
color: $purple-200;
|
|
box-shadow: 0px -4px 0px $purple-300 inset;
|
|
}
|
|
|
|
&:hover {
|
|
background: $gray-500;
|
|
}
|
|
}
|
|
</style>
|