Back to vertical tabs in workspace settings

src-web/commands/openWorkspaceSettings.tsx

@@ -12,7 +12,6 @@ export function openWorkspaceSettings(tab?: WorkspaceSettingsTab) {
   if (workspaceId == null) return;
   showDialog({
     id: 'workspace-settings',
-    title: 'Workspace Settings',
     size: 'md',
     className: 'h-[calc(100vh-5rem)] !max-h-[40rem]',
     noPadding: true,

src-web/components/Workspace.tsx

@@ -181,7 +181,7 @@ export function Workspace() {
         <div className="absolute inset-0 pointer-events-none">
           <div // Add subtle background
             style={environmentBgStyle}
-            className="absolute inset-0 opacity-5"
+            className="absolute inset-0 opacity-[0.07]"
           />
           <div // Add a subtle border bottom
             style={environmentBgStyle}

src-web/components/WorkspaceSettingsDialog.tsx

@@ -63,17 +63,17 @@ export function WorkspaceSettingsDialog({ workspaceId, hide, tab }: Props) {
 
   return (
     <Tabs
-      layout="horizontal"
       value={activeTab}
       onChangeValue={setActiveTab}
       label="Folder Settings"
-      className="pt-2 pb-2 pl-3 pr-1"
+      className="pt-4 pb-2 px-3"
+      tabListClassName="pl-4"
       addBorders
       tabs={[
-        { value: TAB_GENERAL, label: 'General' },
+        { value: TAB_GENERAL, label: 'Workspace' },
         {
           value: TAB_DATA,
-          label: 'Data',
+          label: 'Storage',
         },
         ...headersTab,
         ...authTab,