From db87a85585e2d88832911b76d843bc3945df4f0f Mon Sep 17 00:00:00 2001
From: LittleSheep <littlesheep.code@hotmail.com>
Date: Sat, 10 Feb 2024 11:41:08 +0800
Subject: [PATCH] :lipstick: Optimize styles

---
 src/pages/posts/[slug].astro | 20 +++++---------------
 1 file changed, 5 insertions(+), 15 deletions(-)

diff --git a/src/pages/posts/[slug].astro b/src/pages/posts/[slug].astro
index 6b41ab1..8d0a16b 100644
--- a/src/pages/posts/[slug].astro
+++ b/src/pages/posts/[slug].astro
@@ -113,20 +113,6 @@ const embedOptions = new URLSearchParams({
   </div>
 </PageLayout>
 
-<script>
-  function resizeInteractiveWidget(element: HTMLIFrameElement) {
-    const width = element.contentWindow?.document.body.scrollWidth;
-    const height = element.contentWindow?.document.body.scrollHeight;
-    element.width = width ? `${width}px` : "100%";
-    element.height = height ? `${height}px` : "360px";
-  }
-
-  const widget = document.querySelector<HTMLIFrameElement>("#interactive-iframe");
-  widget?.addEventListener("onload", () => {
-    resizeInteractiveWidget(widget);
-  });
-</script>
-
 <style>
   .wrapper {
     display: grid;
@@ -149,12 +135,16 @@ const embedOptions = new URLSearchParams({
     .wrapper {
       grid-template-columns: 2fr 1fr;
     }
+
+    #interactive-iframe {
+      height: 100vh;
+    }
   }
 
   #interactive-iframe {
     display: block;
     border: 0;
     width: 100%;
-    min-height: 360px;
+    min-height: 480px;
   }
 </style>