mirrors/elk
1
0
Fork 0
mirror of https://github.com/elk-zone/elk.git synced 2024-11-24 10:16:06 +03:00
Code Issues Projects Releases Packages Wiki Activity

feat: transparent nav header

Browse source
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
Show stats Download patch file Download diff file Expand all files Collapse all files

2
components/main/MainContent.vue
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>

2
styles/vars.css
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;