From d4de4381f227e2d0522a37601806a48c6b381ed7 Mon Sep 17 00:00:00 2001 From: gaoziman <2942894660@qq.com> Date: Mon, 22 Dec 2025 00:09:02 +0800 Subject: [PATCH] =?UTF-8?q?style(=E6=A0=B7=E5=BC=8F):=20=E6=B7=BB=E5=8A=A0?= =?UTF-8?q?=E7=BB=86=E6=BB=9A=E5=8A=A8=E6=9D=A1=E6=A0=B7=E5=BC=8F=E7=B1=BB?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit - 新增 scrollbar-thin 样式类用于小区域滚动 - 优化滚动条视觉效果,宽度更细更美观 --- src/app/globals.css | 13 +++++++++++++ 1 file changed, 13 insertions(+) diff --git a/src/app/globals.css b/src/app/globals.css index 4471e3d..5c0484c 100644 --- a/src/app/globals.css +++ b/src/app/globals.css @@ -194,6 +194,19 @@ body { background-color: var(--color-text-tertiary); } +/* 更细的滚动条 - 用于小区域 */ +.scrollbar-thin::-webkit-scrollbar { + width: 4px; +} + +.scrollbar-thin::-webkit-scrollbar-thumb { + background-color: rgba(0, 0, 0, 0.15); +} + +.scrollbar-thin::-webkit-scrollbar-thumb:hover { + background-color: rgba(0, 0, 0, 0.25); +} + /* ======================================== 动画 ======================================== */