opensource/sqlchat
1
0
Fork 0
mirror of https://github.com/sqlchat/sqlchat.git synced 2025-09-24 08:36:18 +08:00
Code Issues Packages Projects Releases Wiki Activity

chore: update select style

Browse Source
This commit is contained in:
steven
2023-04-14 16:39:57 +08:00
parent 14f86897d6
commit 9a47f87550
3 changed files with 4 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
package.json
View File

@ -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",

2
src/components/ConnectionSidebar.tsx
View File

@ -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 {

6
src/components/kit/Select.tsx
View File

@ -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>