style(web): use 3:4 aspect ratio for viewers

2026-08-14 09:54:52 +08:00
parent dd08f901ae
commit ee7e73c798
2 changed files with 2 additions and 2 deletions
@@ -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>
  );
@@ -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 && (