wip
This commit is contained in:
parent
436773837b
commit
7ca5e33a3a
|
@ -70,9 +70,7 @@ export default Vue.extend({
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style lang="stylus" scoped>
|
<style lang="stylus" scoped>
|
||||||
|
.header
|
||||||
|
|
||||||
root(isDark)
|
|
||||||
$height = 48px
|
$height = 48px
|
||||||
|
|
||||||
position fixed
|
position fixed
|
||||||
|
@ -98,7 +96,7 @@ root(isDark)
|
||||||
color #fff
|
color #fff
|
||||||
|
|
||||||
> .main
|
> .main
|
||||||
color rgba(#fff, 0.9)
|
color var(--mobileHeaderFg)
|
||||||
|
|
||||||
> .backdrop
|
> .backdrop
|
||||||
position absolute
|
position absolute
|
||||||
|
@ -108,8 +106,7 @@ root(isDark)
|
||||||
height $height
|
height $height
|
||||||
-webkit-backdrop-filter blur(12px)
|
-webkit-backdrop-filter blur(12px)
|
||||||
backdrop-filter blur(12px)
|
backdrop-filter blur(12px)
|
||||||
//background-color rgba(#1b2023, 0.75)
|
background-color var(--mobileHeaderBg)
|
||||||
background-color isDark ? #313543 : #595f6f
|
|
||||||
|
|
||||||
> .content
|
> .content
|
||||||
z-index 1001
|
z-index 1001
|
||||||
|
@ -171,10 +168,4 @@ root(isDark)
|
||||||
line-height $height
|
line-height $height
|
||||||
border-left solid 1px rgba(#000, 0.1)
|
border-left solid 1px rgba(#000, 0.1)
|
||||||
|
|
||||||
.header[data-darkmode]
|
|
||||||
root(true)
|
|
||||||
|
|
||||||
.header:not([data-darkmode])
|
|
||||||
root(false)
|
|
||||||
|
|
||||||
</style>
|
</style>
|
||||||
|
|
|
@ -128,6 +128,8 @@
|
||||||
"desktopSettingsNavItem": ":alpha<0.8<$text",
|
"desktopSettingsNavItem": ":alpha<0.8<$text",
|
||||||
"desktopSettingsNavItemHover": ":lighten<10<$text",
|
"desktopSettingsNavItemHover": ":lighten<10<$text",
|
||||||
|
|
||||||
|
"mobileHeaderBg": ":lighten<5<$secondary",
|
||||||
|
"mobileHeaderFg": "$text",
|
||||||
"mobileNavBackdrop": "rgba(0, 0, 0, 0.7)",
|
"mobileNavBackdrop": "rgba(0, 0, 0, 0.7)",
|
||||||
"mobileUserPageName": "#fff",
|
"mobileUserPageName": "#fff",
|
||||||
"mobileUserPageAcct": "$text",
|
"mobileUserPageAcct": "$text",
|
||||||
|
|
|
@ -128,6 +128,8 @@
|
||||||
"desktopSettingsNavItem": ":alpha<0.8<$text",
|
"desktopSettingsNavItem": ":alpha<0.8<$text",
|
||||||
"desktopSettingsNavItemHover": ":darken<10<$text",
|
"desktopSettingsNavItemHover": ":darken<10<$text",
|
||||||
|
|
||||||
|
"mobileHeaderBg": ":lighten<5<$secondary",
|
||||||
|
"mobileHeaderFg": "$text",
|
||||||
"mobileNavBackdrop": "rgba(0, 0, 0, 0.2)",
|
"mobileNavBackdrop": "rgba(0, 0, 0, 0.2)",
|
||||||
"mobileUserPageName": "#757c82",
|
"mobileUserPageName": "#757c82",
|
||||||
"mobileUserPageAcct": "#969ea5",
|
"mobileUserPageAcct": "#969ea5",
|
||||||
|
|
Loading…
Reference in New Issue