full height w the sauce

1 files changed, 9 insertions, 2 deletions

diff --git a/src/index.tsx b/src/index.tsx
index cbef251..1ed365d 100755
--- a/src/index.tsx
+++ b/src/index.tsx
@@ -4,12 +4,19 @@ import { FaGlobe } from "react-icons/fa"; // Example icon
 
 function Content() {
   return (
-    <div style={{ width: "100%", height: "100%" }}>
+    <div
+      style={{
+        width: "100%",
+        height: "100vh", // Use the full viewport height
+        display: "flex",
+        flexDirection: "column",
+      }}
+    >
       <iframe
         src="https://github.com/ublue-os/bazzite/releases/" // Replace with your desired URL
         style={{
+          flex: 1, // Ensures the iframe stretches to fill the parent container
           width: "100%",
-          height: "100vh",
           border: "none",
         }}
         title="WebPage Viewer"