From 5be0e0ae72724635aa0b696e87b49cb5adf087cc Mon Sep 17 00:00:00 2001 From: kangfenmao Date: Sun, 16 Feb 2025 13:56:10 +0800 Subject: [PATCH] style: Enhance scrollbar appearance in mention models dropdown --- .../src/pages/home/Inputbar/MentionModelsButton.tsx | 9 +++++++-- 1 file changed, 7 insertions(+), 2 deletions(-) diff --git a/src/renderer/src/pages/home/Inputbar/MentionModelsButton.tsx b/src/renderer/src/pages/home/Inputbar/MentionModelsButton.tsx index c4aff997..7a22c599 100644 --- a/src/renderer/src/pages/home/Inputbar/MentionModelsButton.tsx +++ b/src/renderer/src/pages/home/Inputbar/MentionModelsButton.tsx @@ -315,6 +315,7 @@ const DropdownMenuStyle = createGlobalStyle` overflow-x: hidden; padding: 4px 0; margin-bottom: 40px; + position: relative; &::-webkit-scrollbar { width: 6px; @@ -322,8 +323,12 @@ const DropdownMenuStyle = createGlobalStyle` } &::-webkit-scrollbar-thumb { - background: var(--color-scrollbar); - border-radius: 3px; + border-radius: 10px; + background: var(--color-scrollbar-thumb); + + &:hover { + background: var(--color-scrollbar-thumb-hover); + } } &::-webkit-scrollbar-track {