From 6f8c864016ca53d331ced26de3524a857924c39d Mon Sep 17 00:00:00 2001
From: WOGGER7 <saneenmecheri@gmail.com>
Date: Mon, 21 Jul 2025 14:06:43 +0530
Subject: [PATCH] Hide aspect ratio controls when preview is expanded

---
 .../src/components/editor/preview-panel.tsx   | 70 ++++++++++---------
 1 file changed, 37 insertions(+), 33 deletions(-)

diff --git a/apps/web/src/components/editor/preview-panel.tsx b/apps/web/src/components/editor/preview-panel.tsx
index 8f594d6c..375fc0e0 100644
--- a/apps/web/src/components/editor/preview-panel.tsx
+++ b/apps/web/src/components/editor/preview-panel.tsx
@@ -720,39 +720,43 @@ function PreviewToolbar({
 
       {/* Bottom Row - Aspect Ratio and Fullscreen */}
       <div className="flex items-center justify-end gap-3">
-        <BackgroundSettings />
-        <DropdownMenu>
-          <DropdownMenuTrigger asChild>
-            <Button
-              size="sm"
-              className="!bg-panel-accent text-foreground/85 text-[0.70rem] h-4 rounded-none border border-muted-foreground px-0.5 py-0 font-light"
-              disabled={!hasAnyElements}
-            >
-              {getDisplayName()}
-            </Button>
-          </DropdownMenuTrigger>
-          <DropdownMenuContent align="end">
-            <DropdownMenuItem
-              onClick={handleOriginalSelect}
-              className={cn("text-xs", isOriginal && "font-semibold")}
-            >
-              Original
-            </DropdownMenuItem>
-            <DropdownMenuSeparator />
-            {canvasPresets.map((preset) => (
-              <DropdownMenuItem
-                key={preset.name}
-                onClick={() => handlePresetSelect(preset)}
-                className={cn(
-                  "text-xs",
-                  currentPreset?.name === preset.name && "font-semibold",
-                )}
-              >
-                {preset.name}
-              </DropdownMenuItem>
-            ))}
-          </DropdownMenuContent>
-        </DropdownMenu>
+        {!isExpanded && (
+          <>
+            <BackgroundSettings />
+            <DropdownMenu>
+              <DropdownMenuTrigger asChild>
+                <Button
+                  size="sm"
+                  className="!bg-panel-accent text-foreground/85 text-[0.70rem] h-4 rounded-none border border-muted-foreground px-0.5 py-0 font-light"
+                  disabled={!hasAnyElements}
+                >
+                  {getDisplayName()}
+                </Button>
+              </DropdownMenuTrigger>
+              <DropdownMenuContent align="end">
+                <DropdownMenuItem
+                  onClick={handleOriginalSelect}
+                  className={cn("text-xs", isOriginal && "font-semibold")}
+                >
+                  Original
+                </DropdownMenuItem>
+                <DropdownMenuSeparator />
+                {canvasPresets.map((preset) => (
+                  <DropdownMenuItem
+                    key={preset.name}
+                    onClick={() => handlePresetSelect(preset)}
+                    className={cn(
+                      "text-xs",
+                      currentPreset?.name === preset.name && "font-semibold",
+                    )}
+                  >
+                    {preset.name}
+                  </DropdownMenuItem>
+                ))}
+              </DropdownMenuContent>
+            </DropdownMenu>
+          </>
+        )}
         <Button
           variant="text"
           size="icon"