SebinNyshkim/sebin-reference
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

feat: 💄 update navbar to be more noticable below the fold

Browse source
This commit is contained in:
Sebin Nyshkim 2020-12-21 12:42:05 +01:00
parent 35ed0200cf
commit 6b195410a9
1 changed files with 3 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

7
src/components/Navbar.vue
View file

@ -69,8 +69,7 @@ export default {
.nav { .nav {
&--fixed .nav__list { &--fixed .nav__list {
backdrop-filter: blur(1em); background-color: $bg-color-light;
background-color: rgba($bg-color-dark, 0.5);
position: fixed; position: fixed;
top: 0; top: 0;
left: 0; left: 0;
@ -80,7 +79,7 @@ export default {
.nav__list { .nav__list {
margin: 0; margin: 0;
padding: 0; padding: 0 0.5em;
list-style-type: none; list-style-type: none;
@ -95,7 +94,7 @@ export default {
} }
.nav__item { .nav__item {
padding: 0.5em 0.5em; padding: 0.5em 0.375em;
white-space: nowrap; white-space: nowrap;
} }