diff --git a/dental-server/dental-client/src/components/Modal.jsx b/dental-server/dental-client/src/components/Modal.jsx
index 11d30b6..527d558 100644
--- a/dental-server/dental-client/src/components/Modal.jsx
+++ b/dental-server/dental-client/src/components/Modal.jsx
@@ -1,6 +1,6 @@
import { useEffect } from 'react';
-export default function Modal({ isOpen, onClose, title, children, large = true, actions = null, headerExtras = null }) {
+export default function Modal({ isOpen, onClose, title, children, large = true, actions = null, headerExtras = null, titlePrefix = null }) {
// Fecha com ESC
useEffect(() => {
if (!isOpen) return;
@@ -16,6 +16,7 @@ export default function Modal({ isOpen, onClose, title, children, large = true,
+ {titlePrefix}
{title}
{headerExtras}
diff --git a/dental-server/dental-client/src/components/TransformModal.jsx b/dental-server/dental-client/src/components/TransformModal.jsx
index 30c8db0..0464f8a 100644
--- a/dental-server/dental-client/src/components/TransformModal.jsx
+++ b/dental-server/dental-client/src/components/TransformModal.jsx
@@ -247,6 +247,16 @@ export default function TransformModal({ isOpen, onClose, image, onSaved }) {
);
+ const titlePrefix = activeView === 'transform' && step === 'finetune' ? (
+
+ ) : null;
+
return (
{/* Info extra */}
{showInfo && (
@@ -349,13 +360,6 @@ export default function TransformModal({ isOpen, onClose, image, onSaved }) {
{/* Controles de rotação */}
-
Ajuste
{[
diff --git a/dental-server/dental-client/src/index.css b/dental-server/dental-client/src/index.css
index adb6e90..408c613 100644
--- a/dental-server/dental-client/src/index.css
+++ b/dental-server/dental-client/src/index.css
@@ -419,8 +419,8 @@ body {
}
.panel-title { font-size: 1rem; font-weight: 700; color: var(--text-secondary); margin-bottom: 16px; }
-.transform-panel .img-container { flex: 1; display: flex; align-items: center; justify-content: center; width: 100%; }
-.transform-panel img { max-width: 100%; max-height: 350px; object-fit: contain; border-radius: var(--radius-sm); transition: transform 0.2s cubic-bezier(0.4, 0, 0.2, 1); }
+.transform-panel .img-container { flex: 1; display: flex; align-items: center; justify-content: center; width: 100%; overflow: hidden; border-radius: var(--radius-sm); }
+.transform-panel img { max-width: 100%; max-height: 300px; width: auto; height: auto; object-fit: contain; border-radius: var(--radius-sm); transition: transform 0.2s cubic-bezier(0.4, 0, 0.2, 1); display: block; }
.transform-sidebar {
width: 80px; display: flex; flex-direction: column;