From b0b765b3aea9d73547c75469984838a9db74810f Mon Sep 17 00:00:00 2001 From: Christopher Date: Thu, 22 Jan 2026 10:53:43 -0800 Subject: [PATCH] Scrollbar fixed --- src/app/globals.css | 16 ++++++++++------ 1 file changed, 10 insertions(+), 6 deletions(-) diff --git a/src/app/globals.css b/src/app/globals.css index 43c0e8b..e075d03 100644 --- a/src/app/globals.css +++ b/src/app/globals.css @@ -1315,20 +1315,24 @@ a.btn-primary:visited { /* Scrollbar Styling */ ::-webkit-scrollbar { - width: 10px; - height: 10px; + width: 6px; + height: 6px; } ::-webkit-scrollbar-track { - background: var(--background); + background: transparent; } ::-webkit-scrollbar-thumb { - background: var(--border); + background-color: transparent; border-radius: var(--radius-full); - border: 2px solid var(--background); /* Creates a padding effect */ +} + +/* Show scrollbar thumb when hovering over the scrollable element */ +*:hover::-webkit-scrollbar-thumb { + background-color: var(--foreground-tertiary); } ::-webkit-scrollbar-thumb:hover { - background: var(--border-hover); + background-color: var(--foreground-secondary); } \ No newline at end of file