[front] - refactor: standardize container width and adjust overflow b…

…ehavior - Apply consistent maximum width to main content containers across various components for a unified look - Set overflow behavior on assistant list to only clip in the y-direction for better content handling
dust-tt · Jul 27, 2024 · 51f929f · 51f929f
1 parent 3a14f3c
commit 51f929f
Show file tree

Hide file tree

Showing 10 changed files with 13 additions and 13 deletions.
diff --git a/front/components/assistant/Sharing.tsx b/front/components/assistant/Sharing.tsx
@@ -492,7 +492,7 @@ function SlackIntegrationDrawer({
         hasChanged={false}
         variant="side-sm"
       >
-        <div className="pt-8">
+        <div className="w-full max-w-4xl pt-8">
           <Page.Vertical gap="lg" align="stretch">
             <div className="flex flex-col gap-y-2">
               <div className="grow text-sm font-medium text-element-800">

diff --git a/front/components/sparkle/AppLayout.tsx b/front/components/sparkle/AppLayout.tsx
@@ -185,8 +185,8 @@ export default function AppLayout({
 
             <div
               className={classNames(
-                "flex h-screen w-full flex-col overflow-y-auto",
-                isWideMode ? "items-center" : "max-w-4xl px-6"
+                "flex h-screen w-full flex-col items-center overflow-y-auto",
+                isWideMode ? "" : "px-6"
               )}
             >
               {loaded && children}

diff --git a/front/pages/w/[wId]/a/index.tsx b/front/pages/w/[wId]/a/index.tsx
@@ -750,7 +750,7 @@ export default function Developers({
         current: "developers",
       })}
     >
-      <div className="pt-8">
+      <div className="w-full max-w-4xl pt-8">
         <Page.Vertical gap="xl" align="stretch">
           <Page.Header
             title="Developers Tools"

diff --git a/front/pages/w/[wId]/builder/assistants/index.tsx b/front/pages/w/[wId]/builder/assistants/index.tsx
@@ -216,7 +216,7 @@ export default function WorkspaceAssistants({
         current: "workspace_assistants",
       })}
     >
-      <div className="pt-8">
+      <div className="w-full max-w-4xl pt-8">
         <AssistantDetails
           owner={owner}
           assistantId={showDetails?.sId || null}
@@ -248,7 +248,7 @@ export default function WorkspaceAssistants({
                 </Link>
               </Button.List>
             </div>
-            <div className="flex flex-col gap-4 pt-3">
+            <div className="flex flex-col gap-4 overflow-y-clip pt-3">
               <div className="flex flex-row gap-2">
                 <Tab
                   tabs={tabs}

diff --git a/front/pages/w/[wId]/builder/data-sources/managed.tsx b/front/pages/w/[wId]/builder/data-sources/managed.tsx
@@ -282,7 +282,7 @@ function ConfirmationModal({
       hasChanged={false}
       variant="side-sm"
     >
-      <div className="pt-8">
+      <div className="w-full max-w-4xl pt-8">
         <Page.Vertical gap="lg" align="stretch">
           <div className="flex flex-col gap-y-2">
             <div className="grow text-sm font-medium text-element-800">
@@ -576,7 +576,7 @@ export default function DataSourcesView({
           }}
         />
       )}
-      <div className="pt-8">
+      <div className="w-full max-w-4xl pt-8">
         <Page.Vertical gap="xl" align="stretch">
           <Page.Header
             title="Connections"

diff --git a/front/pages/w/[wId]/builder/data-sources/public-urls.tsx b/front/pages/w/[wId]/builder/data-sources/public-urls.tsx
@@ -148,7 +148,7 @@ export default function DataSourcesView({
         current: "data_sources_url",
       })}
     >
-      <div className="pt-8">
+      <div className="w-full max-w-4xl pt-8">
         <Page.Vertical gap="xl" align="stretch">
           <Page.Header
             title="Websites"

diff --git a/front/pages/w/[wId]/builder/data-sources/static.tsx b/front/pages/w/[wId]/builder/data-sources/static.tsx
@@ -100,7 +100,7 @@ export default function DataSourcesView({
         current: "data_sources_static",
       })}
     >
-      <div className="pt-8">
+      <div className="w-full max-w-4xl pt-8">
         <Page.Vertical gap="xl" align="stretch">
           <Page.Header
             title="Folders"

diff --git a/front/pages/w/[wId]/members/index.tsx b/front/pages/w/[wId]/members/index.tsx
@@ -128,7 +128,7 @@ export default function WorkspaceAdmin({
       gaTrackingId={gaTrackingId}
       subNavigation={subNavigationAdmin({ owner, current: "members" })}
     >
-      <div className="pt-8">
+      <div className="w-full max-w-4xl pt-8">
         <Page.Vertical gap="xl" align="stretch">
           <Page.Header
             title="Member Management"

diff --git a/front/pages/w/[wId]/subscription/index.tsx b/front/pages/w/[wId]/subscription/index.tsx
@@ -316,7 +316,7 @@ export default function Subscription({
         }}
         initialEmail={user.email}
       />
-      <div className="pt-8">
+      <div className="w-full max-w-4xl pt-8">
         <Page.Vertical gap="xl" align="stretch">
           <Page.Header
             title="Subscription"

diff --git a/front/pages/w/[wId]/workspace/index.tsx b/front/pages/w/[wId]/workspace/index.tsx
@@ -190,7 +190,7 @@ export default function WorkspaceAdmin({
         gaTrackingId={gaTrackingId}
         subNavigation={subNavigationAdmin({ owner, current: "workspace" })}
       >
-        <div className="pt-8">
+        <div className="w-full max-w-4xl pt-8">
           <Page.Vertical align="stretch" gap="xl">
             <Page.Header
               title="Workspace"