mirrors/cobalt
1
0
Fork 0
mirror of https://github.com/imputnet/cobalt.git synced 2025-01-15 19:35:31 +00:00
Code Issues Actions 2 Packages Projects Releases Wiki Activity

web/sidebar/CobaltLogo: fix padding

Browse source
This commit is contained in:
wukko 2025-01-14 18:21:16 +06:00
parent e02e7f2260
commit 302ff4ff29
No known key found for this signature in database
GPG key ID: 3E30B3F26C7B4AA2
3 changed files with 4 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
web/src/components/sidebar/CobaltLogo.svelte
View file

@ -11,10 +11,10 @@
display: flex; display: flex;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
padding: calc(var(--padding) * 2); padding: calc(var(--sidebar-tab-padding) * 2);
/* accommodate space for scaling animation */ /* accommodate space for scaling animation */
padding-bottom: calc(var(--padding) * 2 - var(--sidebar-inner-padding)); padding-bottom: calc(var(--sidebar-tab-padding) * 2 - var(--sidebar-inner-padding));
} }
@media screen and (max-width: 535px) { @media screen and (max-width: 535px) {

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

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

1
web/src/routes/+layout.svelte
View file

@ -149,6 +149,7 @@
--sidebar-width: 80px; --sidebar-width: 80px;
--sidebar-font-size: 11px; --sidebar-font-size: 11px;
--sidebar-inner-padding: 4px; --sidebar-inner-padding: 4px;
--sidebar-tab-padding: 10px;
/* reduce default inset by 5px if it's not 0 */ /* reduce default inset by 5px if it's not 0 */
--sidebar-height-mobile: calc( --sidebar-height-mobile: calc(