From 06cad8e63a8a2f9d401003aaf91d7e0c25bd8914 Mon Sep 17 00:00:00 2001 From: gushen610140 Date: Mon, 15 Sep 2025 08:44:17 +0800 Subject: [PATCH] feat: beautify scroll bar --- src/style.css | 27 +++++++++++++++++++++++++++ 1 file changed, 27 insertions(+) diff --git a/src/style.css b/src/style.css index 4c1b0c2..1e05665 100644 --- a/src/style.css +++ b/src/style.css @@ -1,2 +1,29 @@ @import "tailwindcss"; @plugin "daisyui"; + +/* Custom Scrollbar Styles */ +::-webkit-scrollbar { + width: 8px; + height: 8px; +} + +::-webkit-scrollbar-track { + background: rgba(0, 0, 0, 0.05); + border-radius: 10px; +} + +::-webkit-scrollbar-thumb { + background: rgba(0, 0, 0, 0.2); + border-radius: 10px; + transition: background 0.2s ease; +} + +::-webkit-scrollbar-thumb:hover { + background: rgba(0, 0, 0, 0.3); +} + +/* Firefox scrollbar styles */ +* { + scrollbar-width: thin; + scrollbar-color: rgba(0, 0, 0, 0.2) rgba(0, 0, 0, 0.05); +}