moritzruth/moritzruth.de
1
0
Fork 0
Code Activity Actions

Update MyProject and NavigationBar

Browse source
This commit is contained in:
Moritz Ruth 2020-08-08 18:34:33 +02:00
parent f80f33e166
commit 886c38882b
No known key found for this signature in database
GPG key ID: AFD57E23E753841B
5 changed files with 20 additions and 7 deletions
Download patch file Download diff file Expand all files Collapse all files

12
components/NavigationBar.vue
View file

@ -39,6 +39,7 @@
@use "~@/assets/styles/screenSize";
@use "~@/assets/styles/colors";
@use "~@/assets/styles/content";
@use "~@/assets/styles/variables";
@use "~@/assets/styles/z-indexes";
body {
@ -70,6 +71,14 @@
align-items: center;
justify-content: space-between;
padding: 0 30px 0 20px;
transition: variables.$page-transition-duration variables.$page-transition-easing background;
background: transparent;
.navigation-bar--show-background & {
background: transparentize(colors.$background, 0.8);
backdrop-filter: blur(10px);
}
}
.navigation-bar__toggle {
@ -294,7 +303,8 @@
return toModifierClasses("navigation-bar", {
open,
hideActiveState
hideActiveState,
showBackground: this.$route.fullPath !== "/"
})
}
},