From 1c2a3962cb7ade29c8d377c48b995b2cfc7de7a5 Mon Sep 17 00:00:00 2001
From: zmeyer44 <zmmeyer44@gmail.com>
Date: Fri, 20 Oct 2023 15:42:19 -0400
Subject: [PATCH] better layout

---
 app/(app)/_layout/index.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/app/(app)/_layout/index.tsx b/app/(app)/_layout/index.tsx
index fb75fa7..0d232a3 100644
--- a/app/(app)/_layout/index.tsx
+++ b/app/(app)/_layout/index.tsx
@@ -19,7 +19,7 @@ export default function AppLayout({ children }: { children: React.ReactNode }) {
 
       {/* Sidebar */}
       <Sidebar />
-      <div className="relative flex  flex-1 shrink-0 grow justify-center overflow-x-hidden">
+      <div className="relative flex flex-1 shrink-0 grow justify-center sm:w-[calc(100vw_-_var(--sidebar-closed-width))] xl:w-[calc(100vw_-_var(--sidebar-open-width))]">
         <div className="flex-1 overflow-x-hidden pb-5">{children}</div>
       </div>
       {/* Mobile Banner */}