From fcce241c82e2ee372225b61e26be501b70bf710c Mon Sep 17 00:00:00 2001
From: kangfenmao <kangfenmao@qq.com>
Date: Sun, 13 Oct 2024 00:38:13 +0800
Subject: [PATCH] style: improved visual separation and aesthetic

- Added a border radius to scrollbar thumb styles for improved aesthetic.
- Updated the Divider component to include a border for better visual separation.
- Added border to the divider in SelectModelPopup for improved visibility.
---
 src/renderer/src/assets/styles/scrollbar.scss            | 1 +
 src/renderer/src/components/Popups/AddAssistantPopup.tsx | 2 +-
 src/renderer/src/components/Popups/SelectModelPopup.tsx  | 5 +----
 3 files changed, 3 insertions(+), 5 deletions(-)

diff --git a/src/renderer/src/assets/styles/scrollbar.scss b/src/renderer/src/assets/styles/scrollbar.scss
index c7549a91..e4c9e7c5 100644
--- a/src/renderer/src/assets/styles/scrollbar.scss
+++ b/src/renderer/src/assets/styles/scrollbar.scss
@@ -10,6 +10,7 @@
 
 ::-webkit-scrollbar-thumb {
   background: var(--color-scrollbar-thumb);
+  border-radius: 4px;
   &:hover {
     background: var(--color-scrollbar-thumb-hover);
   }
diff --git a/src/renderer/src/components/Popups/AddAssistantPopup.tsx b/src/renderer/src/components/Popups/AddAssistantPopup.tsx
index 1d5f3c3c..f8156324 100644
--- a/src/renderer/src/components/Popups/AddAssistantPopup.tsx
+++ b/src/renderer/src/components/Popups/AddAssistantPopup.tsx
@@ -102,7 +102,7 @@ const PopupContainer: React.FC<Props> = ({ resolve }) => {
           size="middle"
         />
       </HStack>
-      <Divider style={{ margin: 0 }} />
+      <Divider style={{ margin: 0, borderBlockStartWidth: 0.5 }} />
       <Container>
         {agents.map((agent) => (
           <AgentItem
diff --git a/src/renderer/src/components/Popups/SelectModelPopup.tsx b/src/renderer/src/components/Popups/SelectModelPopup.tsx
index ba0a7ace..da8f90d3 100644
--- a/src/renderer/src/components/Popups/SelectModelPopup.tsx
+++ b/src/renderer/src/components/Popups/SelectModelPopup.tsx
@@ -100,7 +100,7 @@ const PopupContainer: React.FC<PopupContainerProps> = ({ model, resolve }) => {
           size="middle"
         />
       </HStack>
-      <Divider style={{ margin: 0 }} />
+      <Divider style={{ margin: 0, borderBlockStartWidth: 0.5 }} />
       <Container>
         {filteredItems.length > 0 ? (
           <StyledMenu
@@ -123,9 +123,6 @@ const Container = styled.div`
   height: 50vh;
   margin-top: 10px;
   overflow-y: auto;
-  &::-webkit-scrollbar {
-    display: none;
-  }
 `
 
 const StyledMenu = styled(Menu)`