Merge pull request #66 from thefrontside/cl/fix-playground-layout

cowboyd · web-flow · commit 63b63f995b90 · 2023-01-24T13:56:38.000-06:00
fix playground layout
diff --git a/www/components/main-page.tsx b/www/components/main-page.tsx
@@ -21,9 +21,9 @@ export function createMainPage<TProps extends MainPageProps = MainPageProps>(
         <Head>
           <base href={props.data.base} />
         </Head>
-        <div class="flex flex-col justify-between">
-          <Header active={props.data.active} />
-          <main class="h-full">
+        <div class="h-screen flex flex-col">
+          <Header className="flex justify-between" active={props.data.active} />
+          <main style={{flexGrow: 1}}>
             <Component {...props} />
           </main>
           <Footer className="border(t-2 gray-200) bg-gray-100 h-32 flex flex-col gap-4 justify-center" />
