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

web: consistent tab bar style with rounded corners

Browse Source
This commit is contained in:
wukko
2024-06-16 22:59:16 +06:00
parent 50c27722e3
commit a5268ba204
3 changed files with 16 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -63,6 +63,7 @@
height: 100vh;
width: var(--sidebar-width);
position: sticky;
padding: 0 var(--sidebar-inner-padding);
}
#sidebar-tabs {
@@ -84,7 +85,7 @@
height: var(--sidebar-height-mobile);
position: fixed;
bottom: 0;
padding: 4px 0;
padding: var(--sidebar-inner-padding) 0;
}
#sidebar::before {
@@ -106,11 +107,11 @@
}
#sidebar :global(.sidebar-inner-container:first-child) {
padding-left: var(--padding);
padding-left: calc(var(--border-radius) * 2);
}
#sidebar :global(.sidebar-inner-container:last-child) {
padding-right: var(--padding);
padding-right: calc(var(--border-radius) * 2);
}
}
</style>