iframe improvement

Author: josevalim

src/hexdocs/components/iframe.gleam

@@ -69,21 +69,15 @@ fn view(model: Model) {
   case model.to {
     None -> element.none()
     Some(to) -> {
-      html.div(
-        [class("relative size-full rounded-lg shadow-sm overflow-hidden")],
-        [
-          html.iframe([
-            class("size-full overflow-scroll"),
-            attribute.title(model.title),
-            event.on("load", decode.success(IFrameStateChanged(Loaded))),
-            attribute.src(to),
-          ]),
-          case model.state {
-            Loaded -> element.none()
-            Loading -> loading_state()
-          },
-        ],
-      )
+      html.iframe([
+        attribute.class(case model.state {
+          Loaded -> "mt-4 h-full w-full rounded-lg"
+          Loading -> "h-0"
+        }),
+        attribute.title(model.title),
+        event.on("load", decode.success(IFrameStateChanged(Loaded))),
+        attribute.src(to),
+      ])
     }
   }
 }

src/hexdocs/view/search.gleam

@@ -538,13 +538,15 @@ fn result_card(model: Model, result: hexdocs.TypeSense) {
         {
           Error(_) -> element.none()
           Ok(link) -> {
-            html.div([class("h-100 pt-4")], [
-              iframe.iframe([
-                class("rounded-lg shadow-sm"),
-                iframe.to(link),
-                iframe.title(result.document.package),
-              ]),
-            ])
+            html.div(
+              [class("px-4 bg-white dark:bg-gray-950 h-full rounded-lg")],
+              [
+                iframe.iframe([
+                  iframe.to(link),
+                  iframe.title(result.document.package),
+                ]),
+              ],
+            )
           }
         }
       }