fix(pwa): sidebar layout

mayneyao · Oct 18, 2024 · a88e285 · a88e285
1 parent d532ace
commit a88e285
Show file tree

Hide file tree

Showing 2 changed files with 8,388 additions and 10,743 deletions.
diff --git a/apps/web-app/[database]/base-pwa-layout.tsx b/apps/web-app/[database]/base-pwa-layout.tsx
@@ -78,16 +78,22 @@ export function PWALayoutBase({
               {children}
             </main>
           </div>
-          {isAiOpen && (
-            <Suspense fallback={<Loading />}>
-              <AIChat />
-            </Suspense>
-          )}
-          {isExtAppOpen && (
-            <div className="relative flex h-full  w-[475px] shrink-0  flex-col overflow-auto border-l border-l-slate-400 p-2">
-              <ExtensionPage />
-            </div>
-          )}
+          <div
+            className={cn(
+              "h-full shrink-0 overflow-x-hidden border-l min-w-[400px]"
+            )}
+          >
+            {isAiOpen && (
+              <Suspense fallback={<Loading />}>
+                <AIChat />
+              </Suspense>
+            )}
+            {isExtAppOpen && (
+              <div className="relative flex h-full  w-[475px] shrink-0  flex-col overflow-auto border-l border-l-slate-400 p-2">
+                <ExtensionPage />
+              </div>
+            )}
+          </div>
         </div>
       </div>
     </div>