diff --git a/src/components/viewer3d/ModelViewer3D.tsx b/src/components/viewer3d/ModelViewer3D.tsx index 4555700..576fd00 100644 --- a/src/components/viewer3d/ModelViewer3D.tsx +++ b/src/components/viewer3d/ModelViewer3D.tsx @@ -6,7 +6,7 @@ import { ViewCube } from './ViewCube'; import { Viewer3DSidebar } from './Viewer3DSidebar'; import { PieceHoverTooltip } from './PieceHoverTooltip'; import { SelectionListModal, SelectedPieceItem } from './SelectionListModal'; -import { Trash2, FileSpreadsheet, RotateCcw, RotateCw, Lock, Unlock, Focus, SunMedium } from 'lucide-react'; +import { Trash2, FileSpreadsheet, RotateCcw, RotateCw, Lock, Unlock, Focus, SunMedium, Compass } from 'lucide-react'; import { supabase } from '@/integrations/supabase/client'; import { useToast } from '@/components/ui/use-toast'; @@ -1167,9 +1167,45 @@ export const ModelViewer3D: React.FC = ({ onBrightnessChange={setBrightness} /> - {/* Top Right: ViewCube + Painel de Ações de Seleção de Peças */} + {/* Top Right: ViewCube + Controles Rápidos de Câmera + Painel de Ações de Seleção de Peças */}
- +
+ {/* Botões Rápidos de Navegação ao lado do Cubo (Ortogonalidade e Enquadrar) */} +
+ {/* Botão Alternar Vista Ortogonal / Perspectiva */} + + + {/* Botão Enquadrar / Centralizar Estrutura (Fit to Screen) */} + +
+ + +
{/* Card de Controle de Seleção Flutuante Harmonizado Abaixo do Cubo */}
= ({
- {/* Barra de Ferramentas: Luminosidade e Enquadrar (Abaixo de Girar 90°, alinhado com o cubo) */} -
- {/* Card de Luminosidade */} -
- - setBrightness(Number(e.target.value))} - className="w-16 sm:w-20 h-1.5 bg-slate-300 dark:bg-slate-700 rounded-lg appearance-none cursor-pointer accent-amber-500" - /> - - {brightness}% - -
- - {/* Botão Enquadrar / Centralizar Estrutura (Fit to Screen) */} + {/* Card de Luminosidade Expandido (Alinhado com a largura dos cards acima) */} +
+ setBrightness(Number(e.target.value))} + className="flex-1 h-1.5 bg-slate-200 dark:bg-slate-700 rounded-lg appearance-none cursor-pointer accent-amber-500" + /> + + {brightness}% +