From ee7e73c7982f102e7379ca77e71e0717efc43e89 Mon Sep 17 00:00:00 2001
From: hypercross <helios.tnak@gmail.com>
Date: Fri, 14 Aug 2026 09:54:52 +0800
Subject: [PATCH] style(web): use 3:4 aspect ratio for viewers

---
 apps/web/src/components/viewers/PdfViewer.tsx | 2 +-
 apps/web/src/components/viewers/Scene.tsx     | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/apps/web/src/components/viewers/PdfViewer.tsx b/apps/web/src/components/viewers/PdfViewer.tsx
index a635764..db23cc2 100644
--- a/apps/web/src/components/viewers/PdfViewer.tsx
+++ b/apps/web/src/components/viewers/PdfViewer.tsx
@@ -36,7 +36,7 @@ export default function PdfViewer({ object }: { object: TTSObject }) {
       <iframe
         src={proxied}
         title="PDF preview"
-        className="h-[70vh] w-full rounded-lg border border-zinc-800 bg-zinc-950"
+        className="aspect-[3/4] w-full rounded-lg border border-zinc-800 bg-zinc-950"
       />
     </div>
   );
diff --git a/apps/web/src/components/viewers/Scene.tsx b/apps/web/src/components/viewers/Scene.tsx
index ae8c978..0ea3d14 100644
--- a/apps/web/src/components/viewers/Scene.tsx
+++ b/apps/web/src/components/viewers/Scene.tsx
@@ -57,7 +57,7 @@ export default function Scene({
   return (
     <div
       ref={containerRef}
-      className="relative h-80 w-full overflow-hidden rounded-lg bg-linear-to-b from-zinc-300 to-zinc-400"
+      className="relative aspect-[3/4] w-full overflow-hidden rounded-lg bg-linear-to-b from-zinc-300 to-zinc-400"
     >
       <LoadingOverlay />
       {fullscreen && (