admin/cobalt
1
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

web/dialogs: moved backdrop to dialog holder, improved animation

Browse Source
This commit is contained in:
wukko
2024-07-21 13:41:14 +06:00
parent 8a080c55f6
commit 80300bf766
3 changed files with 36 additions and 47 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
web/src/routes/+layout.svelte
View File

@@ -78,9 +78,10 @@
--button-elevated-hover: #dadada;
--popup-bg: #f1f1f1;
--popup-backdrop: var(--primary);
--popup-stroke: rgba(0, 0, 0, 0.08);
--dialog-backdrop: rgba(255, 255, 255, 0.3);
--sidebar-bg: #000000;
--sidebar-highlight: #ffffff;
--sidebar-hover: rgba(255, 255, 255, 0.1);
@@ -144,9 +145,10 @@
--button-elevated-hover: #2f2f2f;
--popup-bg: #191919;
--popup-backdrop: var(--primary);
--popup-stroke: rgba(255, 255, 255, 0.08);
--dialog-backdrop: rgba(0, 0, 0, 0.3);
--sidebar-bg: #101010;
--sidebar-highlight: #f2f2f2;
@@ -165,6 +167,14 @@
);
}
:global([data-theme="light"] [data-reduce-transparency="true"]) {
--dialog-backdrop: rgba(255, 255, 255, 0.6);
}
:global([data-theme="dark"] [data-reduce-transparency="true"]) {
--dialog-backdrop: rgba(0, 0, 0, 0.5);
}
:global(html),
:global(body) {
margin: 0;