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

web/settings: calculate item padding properly

Browse Source
This commit is contained in:
wukko
2024-06-29 23:31:40 +06:00
parent a1913988d7
commit 3527131cd7
4 changed files with 8 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
web/src/components/buttons/SettingsToggle.svelte
View File

@@ -59,7 +59,7 @@
justify-content: space-between;
text-align: left;
transform: none;
padding: 9px 16px;
padding: calc(var(--switcher-padding) * 2) 16px;
border-radius: var(--border-radius);
}
</style>

7
web/src/components/buttons/Switcher.svelte
View File

@@ -30,13 +30,14 @@
.switcher.big {
background: var(--button);
box-shadow: var(--button-box-shadow);
padding: var(--sidebar-inner-padding);
padding: var(--switcher-padding);
}
.switcher.big :global(.button) {
width: 100%;
height: calc(40px - var(--sidebar-inner-padding) * 1.5);
border-radius: calc(var(--border-radius) - var(--sidebar-inner-padding));;
/* [base button height] - ([switcher padding] * [padding factor to accommodate for]) */
height: calc(40px - var(--switcher-padding) * 1.5);
border-radius: calc(var(--border-radius) - var(--switcher-padding));;
}
.switcher.big :global(.button:not(:focus-visible)) {