From 77b7faa875a9bf888dfd319f190c6fc00cb8defc Mon Sep 17 00:00:00 2001 From: Pramod Mahajan Date: Fri, 25 Apr 2025 12:26:56 +0530 Subject: [PATCH] added css for scroll bar modified --- src/index.css | 20 ++++++++++++++++++++ 1 file changed, 20 insertions(+) diff --git a/src/index.css b/src/index.css index c72bd0de..142e58c2 100644 --- a/src/index.css +++ b/src/index.css @@ -100,3 +100,23 @@ button:focus-visible { .checkbox-column { flex: 1; } + +/* Custom Scrollbar for Webkit browsers (Chrome, Safari, Edge) */ +::-webkit-scrollbar { + width: 6px; /* Width of the scrollbar */ + height: 6px; /* Height of the scrollbar (for horizontal scrollbar) */ +} + +::-webkit-scrollbar-track { + background-color: #f1f1f1; /* Background of the scrollbar track */ + border-radius: 2px; /* Rounded corners for the track */ +} + +::-webkit-scrollbar-thumb { + background-color: #888; /* Color of the scrollbar thumb */ + border-radius: 10px; /* Rounded corners for the thumb */ +} + +::-webkit-scrollbar-thumb:hover { + background-color: #555; /* Color of the thumb on hover */ +}