summaryrefslogtreecommitdiff
path: root/src/client/app/mobile/views/components/ui.header.vue
diff options
context:
space:
mode:
Diffstat (limited to 'src/client/app/mobile/views/components/ui.header.vue')
-rw-r--r--src/client/app/mobile/views/components/ui.header.vue15
1 files changed, 3 insertions, 12 deletions
diff --git a/src/client/app/mobile/views/components/ui.header.vue b/src/client/app/mobile/views/components/ui.header.vue
index d3e258f052..7fd68002e7 100644
--- a/src/client/app/mobile/views/components/ui.header.vue
+++ b/src/client/app/mobile/views/components/ui.header.vue
@@ -70,9 +70,7 @@ export default Vue.extend({
</script>
<style lang="stylus" scoped>
-
-
-root(isDark)
+.header
$height = 48px
position fixed
@@ -98,7 +96,7 @@ root(isDark)
color #fff
> .main
- color rgba(#fff, 0.9)
+ color var(--mobileHeaderFg)
> .backdrop
position absolute
@@ -108,8 +106,7 @@ root(isDark)
height $height
-webkit-backdrop-filter blur(12px)
backdrop-filter blur(12px)
- //background-color rgba(#1b2023, 0.75)
- background-color isDark ? #313543 : #595f6f
+ background-color var(--mobileHeaderBg)
> .content
z-index 1001
@@ -171,10 +168,4 @@ root(isDark)
line-height $height
border-left solid 1px rgba(#000, 0.1)
-.header[data-darkmode]
- root(true)
-
-.header:not([data-darkmode])
- root(false)
-
</style>