From 9a47f87550e64407a8e53e4bf9900ebf70033a85 Mon Sep 17 00:00:00 2001
From: steven <stevenlgtm@gmail.com>
Date: Fri, 14 Apr 2023 16:39:57 +0800
Subject: [PATCH] chore: update select style

---
 package.json                         | 2 +-
 src/components/ConnectionSidebar.tsx | 2 +-
 src/components/kit/Select.tsx        | 6 ++----
 3 files changed, 4 insertions(+), 6 deletions(-)

diff --git a/package.json b/package.json
index 2f92809..b76102f 100644
--- a/package.json
+++ b/package.json
@@ -2,7 +2,7 @@
   "name": "sqlchat",
   "private": false,
   "scripts": {
-    "dev": "next dev --turbo",
+    "dev": "next dev",
     "build": "next build",
     "export": "next export",
     "start": "next start",
diff --git a/src/components/ConnectionSidebar.tsx b/src/components/ConnectionSidebar.tsx
index 4fad024..fd98e8f 100644
--- a/src/components/ConnectionSidebar.tsx
+++ b/src/components/ConnectionSidebar.tsx
@@ -228,7 +228,7 @@ const ConnectionSidebar = () => {
               {databaseList.length > 0 && (
                 <div className="w-full sticky top-0 z-1 my-4">
                   <Select
-                    className="w-full px-4 py-3 text-base"
+                    className="w-full px-4 py-3 !text-base"
                     value={currentConnectionCtx?.database?.name}
                     itemList={databaseList.map((database) => {
                       return {
diff --git a/src/components/kit/Select.tsx b/src/components/kit/Select.tsx
index 7098959..70f28bc 100644
--- a/src/components/kit/Select.tsx
+++ b/src/components/kit/Select.tsx
@@ -38,13 +38,11 @@ const Select = (props: Props) => {
         >
           <SelectUI.Viewport className="bg-white dark:bg-zinc-700 border dark:border-zinc-800 drop-shadow-lg p-1 rounded-lg">
             <SelectUI.Group>
-              {placeholder && <SelectUI.Label className="w-full px-3 mt-2 mb-1 text-sm text-gray-400">{placeholder}</SelectUI.Label>}
+              {placeholder && <SelectUI.Label className="w-full px-3 mt-2 mb-2 text-sm text-gray-400">{placeholder}</SelectUI.Label>}
               {itemList.map((item) => (
                 <SelectUI.Item
+                  className="w-full px-3 py-2 whitespace-nowrap truncate text-ellipsis overflow-x-hidden text-sm rounded-lg flex flex-row justify-between items-center cursor-pointer hover:bg-gray-100 dark:hover:bg-zinc-800"
                   key={item.label}
-                  className={`${
-                    className || ""
-                  } w-full px-3 py-2 whitespace-nowrap truncate text-ellipsis overflow-x-hidden text-sm rounded-lg flex flex-row justify-between items-center cursor-pointer hover:bg-gray-100 dark:hover:bg-zinc-800`}
                   value={item.value}
                 >
                   <SelectUI.ItemText className="truncate">{item.label}</SelectUI.ItemText>