ruicesar/rx.scoreodonto.com
1
0
Fork 0
Code Issues 1 Pull Requests Actions Packages Projects Releases Wiki Activity

fix(transform): overflow:hidden no painel + imagem 65% (65%×√2≈92% — cabe em qualquer ângulo)
continuous-integration/webhook Deploy concluído (VPS4)
Details

Browse Source
This commit is contained in:
VPS 4 Deploy Agent
2026-05-30 23:08:17 +02:00
parent 2bdd78ec59
commit 7861ad5870
1 changed files with 4 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
dental-server/dental-client/src/index.css
+4 -3
View File
@@ -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;