From 7861ad5870abc0dff965eaeae737ae2fd1d456c5 Mon Sep 17 00:00:00 2001 From: VPS 4 Deploy Agent Date: Sat, 30 May 2026 23:08:17 +0200 Subject: [PATCH] =?UTF-8?q?fix(transform):=20overflow:hidden=20no=20painel?= =?UTF-8?q?=20+=20imagem=2065%=20(65%=C3=97=E2=88=9A2=E2=89=8892%=20?= =?UTF-8?q?=E2=80=94=20cabe=20em=20qualquer=20=C3=A2ngulo)?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- dental-server/dental-client/src/index.css | 7 ++++--- 1 file changed, 4 insertions(+), 3 deletions(-) diff --git a/dental-server/dental-client/src/index.css b/dental-server/dental-client/src/index.css index 9368f4b..87b54bc 100644 --- a/dental-server/dental-client/src/index.css +++ b/dental-server/dental-client/src/index.css @@ -411,6 +411,7 @@ body { padding: 16px; display: flex; flex-direction: column; align-items: center; box-shadow: var(--shadow-sm); min-width: 0; max-width: 45%; + overflow: hidden; /* confinamento obrigatório para rotação CSS */ } .transform-panel.panel-preview { @@ -419,9 +420,9 @@ body { } .panel-title { font-size: 1rem; font-weight: 700; color: var(--text-secondary); margin-bottom: 16px; } -/* overflow: visible para não cortar imagens rotacionadas */ -.transform-panel .img-container { flex: 1; display: flex; align-items: center; justify-content: center; width: 100%; padding: 12px; box-sizing: border-box; } -.transform-panel img { max-width: 100%; max-height: 320px; 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; } +/* Imagem limitada a 65%: 65% × √2 ≈ 92% → cabe em qualquer rotação sem ser visualmente cortada */ +.transform-panel .img-container { flex: 1; display: flex; align-items: center; justify-content: center; width: 100%; aspect-ratio: 1 / 1; max-height: 340px; } +.transform-panel img { max-width: 65%; max-height: 65%; 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;