fix: force set astro-island css to fix iframe height

2023-10-17 07:45:32 -04:00 · 2023-10-17 07:45:32 -04:00 · 4ea8e7b35a
parent 2a4e5fd4d0
commit 4ea8e7b35a
1 changed files with 8 additions and 1 deletions
--- a/src/pages/index.astro
+++ b/src/pages/index.astro
@ -11,10 +11,17 @@ import "@/styles/globals.scss";
    <meta name="viewport" content="width=device-width" />
    <meta name="generator" content={Astro.generator} />
    <title>Astro</title>
+    <style>
+      main astro-island {
+        display: flex;
+        flex-direction: column;
+        height: 89vh;
+      }
+    </style>
  </head>
  <body>
    <main>
-      <App client:only="react" class="w-full h-full" />
+      <App client:only="react" />
    </main>
  </body>
 </html>