web: mobile improvements

- 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

View File

@@ -70,9 +70,15 @@
opacity: 1;
}
.sidebar-tab:active:not(.active) {
opacity: 1;
background-color: var(--sidebar-hover);
}
@media (hover: hover) {
.sidebar-tab:hover {
.sidebar-tab:hover:not(.active) {
opacity: 1;
background-color: var(--sidebar-hover);
}
}