From 3721ac15223f5ff4322fb72af0cdd6550179666f Mon Sep 17 00:00:00 2001 From: "Apple\\Apple" Date: Sat, 7 Jun 2025 13:18:50 +0800 Subject: [PATCH] =?UTF-8?q?=F0=9F=92=84=20style(UI):=20standardize=20scrol?= =?UTF-8?q?lbar=20styling=20for=20semi-sidesheet-body?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Standardize the scrollbar appearance of semi-sidesheet-body to match the existing semi-table-body style. This change: - Sets scrollbar width to 6px - Applies light gray color (rgba(var(--semi-grey-2), 0.3)) - Adds subtle hover effect - Uses 2px border radius for consistency - Improves overall UI cohesion across components --- web/src/index.css | 19 +++++++++++++++++++ 1 file changed, 19 insertions(+) diff --git a/web/src/index.css b/web/src/index.css index caf66397..ebdc149a 100644 --- a/web/src/index.css +++ b/web/src/index.css @@ -358,6 +358,25 @@ code { background: transparent; } +/* 侧边抽屉滚动条样式 */ +.semi-sidesheet-body::-webkit-scrollbar { + width: 6px; + height: 6px; +} + +.semi-sidesheet-body::-webkit-scrollbar-thumb { + background: rgba(var(--semi-grey-2), 0.3); + border-radius: 2px; +} + +.semi-sidesheet-body::-webkit-scrollbar-thumb:hover { + background: rgba(var(--semi-grey-2), 0.5); +} + +.semi-sidesheet-body::-webkit-scrollbar-track { + background: transparent; +} + /* 隐藏模型设置区域的滚动条 */ .model-settings-scroll::-webkit-scrollbar, .thinking-content-scroll::-webkit-scrollbar,