From dc64c83cc832d6f0714e89de5b1458809b415309 Mon Sep 17 00:00:00 2001
From: admtracksteel <admtracksteel@gmail.com>
Date: Sun, 31 May 2026 23:55:14 +0000
Subject: [PATCH] =?UTF-8?q?=F0=9F=9A=80=20Auto-deploy:=20melhoria=20no=20s?=
 =?UTF-8?q?nap=20e=20medi=C3=A7=C3=A3o=20AR=20em=2031/05/2026=2023:55:14?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/Viewer.tsx | 33 +++++++++++++++++++++------------
 1 file changed, 21 insertions(+), 12 deletions(-)

diff --git a/src/pages/Viewer.tsx b/src/pages/Viewer.tsx
index 8482d64..a3441fb 100644
--- a/src/pages/Viewer.tsx
+++ b/src/pages/Viewer.tsx
@@ -387,18 +387,18 @@ const Viewer = () => {
             </div>
           ) : (
             <>
-              {/* Botão de Toggle do Sidebar */}
-              <Button
-                variant="outline"
-                size="icon"
-                onClick={() => setSidebarOpen(!sidebarOpen)}
-                className={`absolute z-30 h-8 w-8 rounded-md bg-background/80 border-primary/30 text-primary shadow-md hover:bg-primary/10 transition-all duration-300 ${
-                  sidebarOpen ? "right-[332px]" : "right-4"
-                } top-[205px]`}
-                title={sidebarOpen ? "Recolher menu" : "Expandir menu"}
-              >
-                <Menu className="h-4 w-4" />
-              </Button>
+              {/* Botão de Expandir Sidebar (visível apenas se recolhido) */}
+              {!sidebarOpen && (
+                <Button
+                  variant="outline"
+                  size="icon"
+                  onClick={() => setSidebarOpen(true)}
+                  className="absolute right-4 top-[205px] z-30 h-8 w-8 rounded-md bg-background/80 border-primary/30 text-primary shadow-md hover:bg-primary/10"
+                  title="Expandir menu"
+                >
+                  <Menu className="h-4 w-4" />
+                </Button>
+              )}
 
               <ViewCube />
               <ViewerControls />
@@ -416,6 +416,15 @@ const Viewer = () => {
                   <h2 className="font-mono text-xs font-semibold uppercase tracking-widest text-muted-foreground">
                     Cena · {models.length}/{maxModels} peças
                   </h2>
+                  <Button
+                    variant="ghost"
+                    size="icon"
+                    className="h-6 w-6 text-muted-foreground hover:text-foreground hover:bg-muted"
+                    onClick={() => setSidebarOpen(false)}
+                    title="Recolher menu"
+                  >
+                    <Menu className="h-4 w-4" />
+                  </Button>
                 </div>
                 <SceneModelList />
                 <div className="mt-2 grid grid-cols-2 gap-1.5">