fix: decreased scrollbar width to avoid overlap small width component (…

…#3432)
janhq · Aug 22, 2024 · 35f6851 · 35f6851
1 parent 77fd172
commit 35f6851
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 5 deletions.
diff --git a/joi/src/core/ScrollArea/styles.scss b/joi/src/core/ScrollArea/styles.scss
@@ -44,17 +44,17 @@
 }
 
 .scroll-area__bar[data-orientation='vertical'] {
-  width: 10px;
+  width: 8px;
 }
 
 .scroll-area__bar[data-orientation='horizontal'] {
   flex-direction: column;
-  height: 10px;
+  height: 8px;
 }
 
 ::-webkit-scrollbar {
-  width: 10px;
-  height: 10px;
+  width: 8px;
+  height: 8px;
 }
 ::-webkit-scrollbar-track,
 ::-webkit-scrollbar-thumb {

diff --git a/web/containers/ModelDropdown/index.tsx b/web/containers/ModelDropdown/index.tsx
@@ -387,7 +387,7 @@ const ModelDropdown = ({
                   key={i}
                 >
                   <div className="mt-2">
-                    <div className="flex items-center justify-between px-3">
+                    <div className="flex items-center justify-between px-4">
                       <div
                         className="flex w-full cursor-pointer items-center gap-2 py-1"
                         onClick={onClickChevron}