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

web: mobile improvements

Browse Source 
- all buttons now reflect that they're pressed or hovered
- settings feel way better on mobile
- settings header has been completely remade
This commit is contained in:
wukko
2024-06-25 20:59:25 +06:00
parent 49e2df425d
commit 7b289bfb16
6 changed files with 54 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
web/src/components/settings/SettingsSection.svelte
View File

@@ -30,6 +30,18 @@
#settings-section-categories {
background: var(--button);
border-radius: var(--border-radius);
box-shadow: var(--button-box-shadow);
}
#settings-section-categories > :global(:not(.settings-tab:last-child)) {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
box-shadow: 0 3px 0px -1.2px var(--button-stroke);
}
#settings-section-categories > :global(:not(.settings-tab:first-child)) {
border-top-left-radius: 0;
border-top-right-radius: 0;
}
}
</style>