Update table action bar styles

outerbase · Oct 21, 2024 · 4609917 · 4609917
1 parent b75ebc0
commit 4609917
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 8 deletions.
diff --git a/src/components/gui/sidebar/saved-doc-tab/index.tsx b/src/components/gui/sidebar/saved-doc-tab/index.tsx
@@ -156,8 +156,8 @@ export default function SavedDocTab() {
       {dialog}
 
       <div className="flex flex-col grow">
-        <div className="flex justify-between mb-2 items-center mx-2 pt-2 px-2">
-          <h1 className="text-xl py-2 font-semibold text-primary">Queries</h1>
+        <div className="flex justify-between mb-5 items-center mx-2 pt-4 px-2">
+          <h1 className="text-xl font-medium text-primary">Queries</h1>
 
           <DropdownMenu modal={false}>
             <DropdownMenuTrigger asChild>
@@ -166,7 +166,7 @@ export default function SavedDocTab() {
                   buttonVariants({
                     size: "icon",
                   }),
-                  "rounded-full h-8 w-8"
+                  "rounded-full h-8 w-8 bg-neutral-800 dark:bg-neutral-200"
                 )}
               >
                 <Plus size={16} weight="bold" />

diff --git a/src/components/gui/tabs/table-data-tab.tsx b/src/components/gui/tabs/table-data-tab.tsx
@@ -209,7 +209,7 @@ export default function TableDataWindow({
           </AlertDialogContent>
         </AlertDialog>
       )}
-      <div className="shrink-0 grow-0">
+      <div className="shrink-0 grow-0 py-2 border-b border-neutral-200 dark:border-neutral-800">
         <Toolbar>
           <ToolbarButton
             text="Commit"
@@ -258,7 +258,7 @@ export default function TableDataWindow({
 
           <div className="flex grow mx-2">
             <div className="bg-secondary rounded overflow-hidden flex items-center w-full">
-              <div className="text-sm px-2 text-gray-500 bg-gray-200 dark:bg-gray-700 h-full flex items-center">
+              <div className="text-sm px-2 text-gray-500 bg-neutral-200 dark:bg-neutral-800 h-full flex items-center">
                 <LucideFilter className="h-4 w-4 text-black dark:text-white" />
               </div>
               <input
@@ -309,7 +309,7 @@ export default function TableDataWindow({
                     }
                   }}
                   style={{ width: 50 }}
-                  className="p-1 pl-2 pr-2 bg-gray-100 dark:bg-gray-800 rounded text-xs h-full"
+                  className="p-1 pl-2 pr-2 bg-neutral-200 dark:bg-neutral-800 rounded text-xs h-full"
                   alt="Limit"
                 />
               </TooltipTrigger>
@@ -332,7 +332,7 @@ export default function TableDataWindow({
                     }
                   }}
                   style={{ width: 50 }}
-                  className="p-1 pl-2 pr-2 bg-gray-100 dark:bg-gray-800 rounded text-xs h-full"
+                  className="p-1 pl-2 pr-2 bg-neutral-200 dark:bg-neutral-800 rounded text-xs h-full"
                   alt="Offset"
                 />
               </TooltipTrigger>
@@ -350,7 +350,6 @@ export default function TableDataWindow({
             />
           </Button>
         </Toolbar>
-        <Separator />
       </div>
       <div className="grow overflow-hidden relative">
         {loading && <OpacityLoading />}