gsadmin/AutopilotMonitor
1
0
Fork 0
mirror of https://github.com/okieselbach/AutopilotMonitor.git synced 2026-10-24 12:42:38 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix scrollbar

Browse Source
This commit is contained in:
Oliver Kieselbach
2026-02-17 17:19:34 +01:00
parent 7cbd0f5ad8
commit 7970fef813
1 changed files with 30 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/Web/autopilot-monitor-web/app/globals.css
+30 -5
View File
@@ -4,6 +4,7 @@
html {
scroll-behavior: smooth;
overflow-y: auto;
}
:root {
@@ -287,18 +288,42 @@ body {
/* -- Progress bars and charts keep their vivid colors -- */
/* (no overrides needed for bg-blue-500, bg-green-500, etc.) */
/* -- Scrollbar -- */
/* -- Scrollbar (global) -- */
::-webkit-scrollbar {
width: 6px;
height: 6px;
}
::-webkit-scrollbar-track {
background: transparent;
}
::-webkit-scrollbar-thumb {
background: transparent;
border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
background: #cbd5e1;
}
html:hover ::-webkit-scrollbar-thumb,
body:hover ::-webkit-scrollbar-thumb {
background: #cbd5e1;
}
/* -- Scrollbar (dark mode) -- */
.dark ::-webkit-scrollbar {
width: 8px;
height: 8px;
width: 6px;
height: 6px;
}
.dark ::-webkit-scrollbar-track {
background: #1e293b;
background: transparent;
}
.dark ::-webkit-scrollbar-thumb {
background: #475569;
background: transparent;
border-radius: 4px;
}
.dark ::-webkit-scrollbar-thumb:hover {
background: #64748b;
}
.dark html:hover ::-webkit-scrollbar-thumb,
.dark body:hover ::-webkit-scrollbar-thumb {
background: #475569;
}