feat: transparent nav header

This commit is contained in:
三咲智子 2022-12-31 05:35:19 +08:00
parent b2153fa12e
commit 58e51d4358
No known key found for this signature in database
GPG key ID: 69992F2250DFD93E
2 changed files with 3 additions and 1 deletions

View file

@ -11,7 +11,7 @@ defineProps<{
<div relative>
<div
sticky top-0 z10
border="b base" bg-base
border="b base" bg="[rgba(var(--c-bg-base-rgb),0.7)]" backdrop-blur
>
<div flex justify-between px5 py4>
<div flex gap-3 items-center overflow-hidden>

View file

@ -6,6 +6,7 @@
--c-border-dark: #dccfcf;
--c-bg-base: #fafafa;
--c-bg-base-rgb: 250, 250, 250;
--c-bg-active: #f2f2f2;
--c-bg-code: #00000006;
--c-bg-selection: #8885;
@ -34,6 +35,7 @@
--c-border-dark: #545251;
--c-bg-base: #111;
--c-bg-base-rgb: 17, 17, 17;
--c-bg-active: #191919;
--c-bg-code: #ffffff06;
--c-bg-fade: #EA9E4411;