github/MIND
1
1
Fork 0
mirror of https://github.com/Casvt/MIND.git synced 2026-02-19 11:54:46 -05:00
Code Issues Packages Projects Releases Wiki Activity

Make scrollbar thinner on mobile devices

Browse Source
This commit is contained in:
CasVT
2025-08-01 10:44:25 +02:00
parent 16c5d44b44
commit 767d263e45
1 changed files with 4 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
frontend/static/css/general.css
View File

@@ -25,7 +25,7 @@
--nav-width: 4rem;
--nav-show-speed: 300ms;
--nav-button-spacing: .5rem;
--scrollbar-width: 12px;
--scrollbar-width: 10px;
--window-slide-duration: 500ms;
--dyn-spacing: clamp(.5rem, 2vw, 1rem);
@@ -78,7 +78,9 @@ table {
}
::-webkit-scrollbar {
/* For vertical scrollbars */
width: var(--scrollbar-width);
/* For horizontal scrollbars */
height: var(--scrollbar-width);
background-color: var(--color-dark);
}
@@ -562,6 +564,7 @@ dialog[open]::backdrop {
@media (max-width: 34rem) {
:root {
--window-slide-duration: 200ms;
--scrollbar-width: 4px;
}
}