From eb1b241496b758e0a475a43d8d395a86d4ed0223 Mon Sep 17 00:00:00 2001 From: Val Alexander Date: Fri, 10 Apr 2026 03:27:28 -0500 Subject: [PATCH] Widen preview viewport inputs - Increase the width of the viewport width and height inputs - Prevent clipped values in the preview panel --- apps/web/src/components/PreviewPanel.tsx | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/apps/web/src/components/PreviewPanel.tsx b/apps/web/src/components/PreviewPanel.tsx index ac867873..e7174858 100644 --- a/apps/web/src/components/PreviewPanel.tsx +++ b/apps/web/src/components/PreviewPanel.tsx @@ -610,7 +610,7 @@ export function PreviewPanel({ projectId, threadId, onClose }: PreviewPanelProps onBlur={commitCustomViewport} onKeyDown={(e) => e.key === "Enter" && commitCustomViewport()} aria-label="Viewport width" - className="h-5 w-14 text-center text-[10px] tabular-nums" + className="h-5 w-[4.5rem] text-center text-[10px] tabular-nums" min={320} max={3840} /> @@ -622,7 +622,7 @@ export function PreviewPanel({ projectId, threadId, onClose }: PreviewPanelProps onBlur={commitCustomViewport} onKeyDown={(e) => e.key === "Enter" && commitCustomViewport()} aria-label="Viewport height" - className="h-5 w-14 text-center text-[10px] tabular-nums" + className="h-5 w-[4.5rem] text-center text-[10px] tabular-nums" min={320} max={2160} />