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

web/sidebar: reduce padding on desktop & fix mobile padding

Browse Source
This commit is contained in:
wukko
2025-01-12 22:55:10 +06:00
parent f816fae6ba
commit abc4673af7
3 changed files with 21 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -149,15 +149,20 @@
--sidebar-width: 80px;
--sidebar-font-size: 11px;
--sidebar-inner-padding: 4px;
/* reduce default inset by 5px if it's not 0 */
--sidebar-height-mobile: calc(
50px + calc(var(--sidebar-inner-padding) * 2) +
env(safe-area-inset-bottom)
50px + calc(
env(safe-area-inset-bottom) - 5px * sign(
env(safe-area-inset-bottom)
)
)
);
--safe-area-inset-top: env(safe-area-inset-top);
--safe-area-inset-bottom: env(safe-area-inset-bottom);
--switcher-padding: var(--sidebar-inner-padding);
--switcher-padding: 4px;
/* used for fading the tab bar on scroll */
--sidebar-mobile-gradient: linear-gradient(
@@ -307,7 +312,11 @@
#cobalt {
display: grid;
grid-template-columns: unset;
grid-template-rows: 1fr var(--sidebar-height-mobile);
grid-template-rows:
1fr
calc(
var(--sidebar-height-mobile) + var(--sidebar-inner-padding) * 2
);
}
#content,