diff options
| author | syuilo <syuilotan@yahoo.co.jp> | 2020-03-25 22:57:13 +0900 |
|---|---|---|
| committer | syuilo <syuilotan@yahoo.co.jp> | 2020-03-25 22:57:13 +0900 |
| commit | 3489e4af1e98cad2014b1cd75995cbbbc71cc1dd (patch) | |
| tree | 233e508f6afdf1d1899c02f2bc09936892ce12f4 /src | |
| parent | Fix dark mode sync bug (diff) | |
| download | sharkey-3489e4af1e98cad2014b1cd75995cbbbc71cc1dd.tar.gz sharkey-3489e4af1e98cad2014b1cd75995cbbbc71cc1dd.tar.bz2 sharkey-3489e4af1e98cad2014b1cd75995cbbbc71cc1dd.zip | |
:art:
Diffstat (limited to 'src')
| -rw-r--r-- | src/client/app.vue | 15 | ||||
| -rw-r--r-- | src/client/themes/_dark.json5 | 1 | ||||
| -rw-r--r-- | 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 650ebbd2b4..99268e42bf 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 bc7c0efc09..b059d53be2 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 adb1280420..dea1b335c1 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', }, } |