mirror of
https://github.com/HabitRPG/habitica.git
synced 2025-12-17 14:47:53 +01:00
old client structure
This commit is contained in:
31
website/client/src/components/secondaryMenu.vue
Normal file
31
website/client/src/components/secondaryMenu.vue
Normal file
@@ -0,0 +1,31 @@
|
||||
<template lang="pug">
|
||||
nav.nav.d-flex.justify-content-center.secondary-menu
|
||||
slot
|
||||
</template>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
@import '~client/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>
|
||||
Reference in New Issue
Block a user