From a522e97e52641e545e054ee183c9367f618d6177 Mon Sep 17 00:00:00 2001
From: Jared Pereira <jared@awarm.space>
Date: Sat, 11 Apr 2026 17:01:33 -0400
Subject: [PATCH] pass aspect ratio to published iframes

---
 app/lish/[did]/[publication]/[rkey]/PostContent.tsx | 11 ++++++++---
 1 file changed, 8 insertions(+), 3 deletions(-)

diff --git a/app/lish/[did]/[publication]/[rkey]/PostContent.tsx b/app/lish/[did]/[publication]/[rkey]/PostContent.tsx
index 508916e8..f7b39074 100644
--- a/app/lish/[did]/[publication]/[rkey]/PostContent.tsx
+++ b/app/lish/[did]/[publication]/[rkey]/PostContent.tsx
@@ -209,6 +209,7 @@ export let Block = ({
         <PublishedIframeBlock
           url={b.block.url}
           height={b.block.height}
+          aspectRatio={b.block.aspectRatio}
           pageId={pageId}
         />
       );
@@ -491,6 +492,7 @@ export let Block = ({
 function PublishedIframeBlock(props: {
   url: string;
   height?: number;
+  aspectRatio?: PubLeafletBlocksIframe.AspectRatio;
   pageId?: string;
 }) {
   let parentPage = props.pageId
@@ -518,12 +520,15 @@ function PublishedIframeBlock(props: {
   );
 
 
+  let aspectRatio = props.aspectRatio
+    ? `${props.aspectRatio.width}/${props.aspectRatio.height}`
+    : undefined;
+
   return (
     <iframe
       ref={iframeRef}
-      className="flex flex-col relative w-full overflow-hidden group/embedBlock block-border my-2"
-      width="100%"
-      height={props.height}
+      className={`relative w-full overflow-hidden group/embedBlock block-border my-2 ${aspectRatio ? "h-auto" : ""}`}
+      style={aspectRatio ? { aspectRatio } : { height: props.height }}
       src={iframeSrc.toString()}
       allow="fullscreen"
       loading="lazy"
-- 
2.51.2