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

chore: enable conversation tab and tweak tab UX

Browse Source
This commit is contained in:
tianzhou
2023-05-31 19:04:30 +08:00
parent 0f2699c152
commit 142ac3efa5
2 changed files with 4 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
src/components/ConversationTabsView.tsx
View File

@ -20,7 +20,7 @@ const ConversationTab = (props: ConversationTabProps) => {
return ( return (
<div <div
className={`shrink-0 flex flex-row justify-center items-center cursor-pointer text-sm border px-2 py-1 rounded-md text-gray-600 dark:text-gray-400 hover:text-gray-700 hover:bg-gray-50 dark:hover:bg-zinc-700 dark:border-zinc-700 ${ className={`shrink-0 flex flex-row justify-center items-center cursor-pointer text-sm border pl-4 pr-2 py-1 rounded-sm text-gray-600 dark:text-gray-400 hover:text-gray-700 hover:bg-gray-50 dark:hover:bg-zinc-700 dark:border-zinc-700 ${
selected && "!bg-indigo-600 !text-white !border-transparent shadow" selected && "!bg-indigo-600 !text-white !border-transparent shadow"
}`} }`}
onClick={() => onClick(conversation)} onClick={() => onClick(conversation)}
@ -28,7 +28,7 @@ const ConversationTab = (props: ConversationTabProps) => {
<span>{conversation.title}</span> <span>{conversation.title}</span>
<Dropdown <Dropdown
tigger={ tigger={
<button className="w-4 h-auto shrink-0 ml-0.5 flex justify-center items-center text-gray-300 hover:opacity-80"> <button className="w-4 h-auto shrink-0 ml-1 flex justify-center items-center text-gray-300 hover:opacity-80">
<Icon.FiMoreVertical className="w-full h-auto" /> <Icon.FiMoreVertical className="w-full h-auto" />
</button> </button>
} }
@ -112,7 +112,7 @@ const ConversationTabsView = () => {
</div> </div>
<div className={`shrink-0 my-2 ${conversationList.length > 0 && "ml-2"}`}> <div className={`shrink-0 my-2 ${conversationList.length > 0 && "ml-2"}`}>
<button <button
className="border px-2 py-1.5 text-sm rounded-md flex flex-row justify-center items-center text-gray-500 dark:text-gray-400 hover:text-gray-700 hover:bg-gray-50 dark:hover:bg-zinc-700 dark:border-zinc-700" className="border px-2 py-1.5 text-sm rounded-sm flex flex-row justify-center items-center text-gray-500 dark:text-gray-400 hover:text-gray-700 hover:bg-gray-50 dark:hover:bg-zinc-700 dark:border-zinc-700"
onClick={handleCreateConversation} onClick={handleCreateConversation}
> >
<Icon.AiOutlinePlus className="w-4 h-auto" /> <Icon.AiOutlinePlus className="w-4 h-auto" />

2
src/components/ConversationView/Header.tsx
View File

@ -60,7 +60,7 @@ const Header = (props: Props) => {
</div> </div>
</div> </div>
{hasFeature("debug") && <ConversationTabsView />} <ConversationTabsView />
</div> </div>
{hasFeature("debug") && showSchemaDrawer && <SchemaDrawer close={() => setShowSchemaDrawer(false)} />} {hasFeature("debug") && showSchemaDrawer && <SchemaDrawer close={() => setShowSchemaDrawer(false)} />}