blitzwing/cobalt-7
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

web/SettingsNavTab: reduce padding on desktop

Browse source
This commit is contained in:
wukko 2024-07-29 13:11:29 +06:00
parent a4e0e21a97
commit 8b866ddf6f
No known key found for this signature in database
GPG key ID: 3E30B3F26C7B4AA2
1 changed files with 3 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

5
web/src/components/settings/SettingsNavTab.svelte
View file

@ -32,7 +32,7 @@
<style> <style>
.settings-tab { .settings-tab {
--small-padding: 4px; --small-padding: 4px;
--big-padding: 7px; --big-padding: 6px;
display: flex; display: flex;
flex-direction: row; flex-direction: row;
align-items: center; align-items: center;
@ -96,11 +96,12 @@
justify-content: center; justify-content: center;
align-items: center; align-items: center;
padding: var(--small-padding); padding: var(--small-padding);
border-radius: var(--small-padding); border-radius: 5px;
} }
@media screen and (max-width: 750px) { @media screen and (max-width: 750px) {
.settings-tab { .settings-tab {
--big-padding: 7px;
background: none; background: none;
padding: var(--big-padding) calc(var(--big-padding) * 1.5); padding: var(--big-padding) calc(var(--big-padding) * 1.5);
} }