mirrors/cobalt
1
0
Fork 0
mirror of https://github.com/imputnet/cobalt.git synced 2025-07-18 03:08:30 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

fix rounded corners

Browse Source
This commit is contained in:
Alec Armbruster 2024-09-27 17:52:09 -07:00
parent 5d7524220d
commit 5d585d8a6c
No known key found for this signature in database
GPG Key ID: 52BC7C84E960FD1B
1 changed files with 7 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -78,6 +78,7 @@
<div <div
id="cobalt" id="cobalt"
class:loaded={browser} class:loaded={browser}
class:dark-sidebar={$settings.appearance.darkSidebar}
data-iphone={device.is.iPhone} data-iphone={device.is.iPhone}
data-reduce-motion={reduceMotion} data-reduce-motion={reduceMotion}
data-reduce-transparency={reduceTransparency} data-reduce-transparency={reduceTransparency}
@ -265,9 +266,14 @@
calc(var(--sidebar-width) + var(--sidebar-inner-padding) * 2) calc(var(--sidebar-width) + var(--sidebar-inner-padding) * 2)
1fr; 1fr;
overflow: hidden; overflow: hidden;
background-color: var(--sidebar-bg);
color: var(--secondary); color: var(--secondary);
position: fixed; position: fixed;
background-color: var(--sidebar-bg);
}
/* only way to make the rounded corners the correct color */
:global(#cobalt.dark-sidebar) {
background-color: #101010 !important;
} }
/* add padding for notch / dynamic island in landscape */ /* add padding for notch / dynamic island in landscape */