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

14
web/src/components/sidebar/Sidebar.svelte
View File

@@ -60,7 +60,7 @@
height: 100%;
justify-content: space-between;
padding: var(--sidebar-inner-padding);
padding-bottom: var(--border-radius);
padding-bottom: calc(var(--sidebar-inner-padding) * 2);
overflow-y: scroll;
}
@@ -79,6 +79,7 @@
justify-content: center;
align-items: flex-start;
z-index: 3;
padding: var(--sidebar-inner-padding) 0;
}
#sidebar::before {
@@ -95,27 +96,26 @@
#sidebar-tabs {
overflow-y: visible;
overflow-x: scroll;
padding-bottom: 0;
padding: var(--sidebar-inner-padding) 0;
padding: 0;
height: fit-content;
}
#sidebar :global(.sidebar-inner-container:first-child) {
padding-left: calc(var(--border-radius) * 2);
padding-left: calc(var(--border-radius) * 1.5);
}
#sidebar :global(.sidebar-inner-container:last-child) {
padding-right: calc(var(--border-radius) * 2);
padding-right: calc(var(--border-radius) * 1.5);
}
#sidebar :global(.sidebar-inner-container:first-child:dir(rtl)) {
padding-left: 0;
padding-right: calc(var(--border-radius) * 2);
padding-right: calc(var(--border-radius) * 1.5);
}
#sidebar :global(.sidebar-inner-container:last-child:dir(rtl)) {
padding-right: 0;
padding-left: calc(var(--border-radius) * 2);
padding-left: calc(var(--border-radius) * 1.5);
}
}

2
web/src/components/sidebar/SidebarTab.svelte
View File

@@ -58,7 +58,7 @@
align-items: center;
text-align: center;
gap: 3px;
padding: var(--padding) 3px;
padding: 10px 3px;
color: var(--sidebar-highlight);
font-size: var(--sidebar-font-size);
opacity: 0.75;