From 3489e4af1e98cad2014b1cd75995cbbbc71cc1dd Mon Sep 17 00:00:00 2001 From: syuilo Date: Wed, 25 Mar 2020 22:57:13 +0900 Subject: [PATCH] :art: --- src/client/app.vue | 15 ++++++++------- src/client/themes/_dark.json5 | 1 + src/client/themes/_light.json5 | 1 + 3 files changed, 10 insertions(+), 7 deletions(-) diff --git a/src/client/app.vue b/src/client/app.vue index 650ebbd2b..99268e42b 100644 --- a/src/client/app.vue +++ b/src/client/app.vue @@ -895,24 +895,25 @@ export default Vue.extend({ color: var(--navActive); } - &:first-child { + &:first-child, &:last-child { position: sticky; z-index: 1; - top: 0; padding-top: 8px; padding-bottom: 8px; + background: var(--wboyroyc); + -webkit-backdrop-filter: blur(8px); + backdrop-filter: blur(8px); + } + + &:first-child { + top: 0; margin-bottom: 16px; - background: var(--navBg); border-bottom: solid 1px var(--divider); } &:last-child { - position: sticky; bottom: 0; - padding-top: 8px; - padding-bottom: 8px; margin-top: 16px; - background: var(--navBg); border-top: solid 1px var(--divider); } diff --git a/src/client/themes/_dark.json5 b/src/client/themes/_dark.json5 index bc7c0efc0..b059d53be 100644 --- a/src/client/themes/_dark.json5 +++ b/src/client/themes/_dark.json5 @@ -65,5 +65,6 @@ aupeazdm: 'rgba(0, 0, 0, 0.3)', jvhmlskx: 'rgba(255, 255, 255, 0.1)', yakfpmhl: 'rgba(255, 255, 255, 0.15)', + wboyroyc: ':alpha<0.5<@navBg', }, } diff --git a/src/client/themes/_light.json5 b/src/client/themes/_light.json5 index adb128042..dea1b335c 100644 --- a/src/client/themes/_light.json5 +++ b/src/client/themes/_light.json5 @@ -65,5 +65,6 @@ aupeazdm: 'rgba(0, 0, 0, 0.1)', jvhmlskx: 'rgba(0, 0, 0, 0.1)', yakfpmhl: 'rgba(0, 0, 0, 0.15)', + wboyroyc: ':alpha<0.5<@navBg', }, }