Resize columns to closer match mockup

Sienci-Labs · Aug 15, 2024 · 14a5d8f · 14a5d8f
1 parent b8503a9
commit 14a5d8f
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 3 deletions.
diff --git a/src/app/src/routes/index.lazy.tsx b/src/app/src/routes/index.lazy.tsx
@@ -12,11 +12,11 @@ function Index() {
     return (
         <>
             <div className="flex h-[80%]">
-                <div className="flex w-2/3">
+                <div className="flex w-full">
                     <PrimaryArea />
                 </div>
 
-                <div className="flex w-1/3">
+                <div className="flex min-w-96 max-w-xs">
                     <Column />
                 </div>
             </div>

diff --git a/src/app/src/workspace/PrimaryArea/index.tsx b/src/app/src/workspace/PrimaryArea/index.tsx
@@ -1,3 +1,3 @@
 export const PrimaryArea = () => {
-    return <div className="border p-3 flex-1 box-border">Vizualizer</div>;
+    return <div className="border p-3 flex-1">Vizualizer</div>;
 };