From 065dee8f1246e1aa2dcc8a7325ed17864123c90a Mon Sep 17 00:00:00 2001 From: VPS 4 Builder Date: Mon, 25 May 2026 02:26:51 +0200 Subject: [PATCH] fix: prevent clipping/cropping in rotated 90deg images using square aspect ratio constraint --- dental-server/public/index.html | 2 +- dental-server/public/style.css | 9 +++++++++ 2 files changed, 10 insertions(+), 1 deletion(-) diff --git a/dental-server/public/index.html b/dental-server/public/index.html index a609713..b9668e4 100644 --- a/dental-server/public/index.html +++ b/dental-server/public/index.html @@ -6,7 +6,7 @@ Gerenciador de Imagens Dentais - +
diff --git a/dental-server/public/style.css b/dental-server/public/style.css index 476449f..8aa6e4a 100644 --- a/dental-server/public/style.css +++ b/dental-server/public/style.css @@ -825,6 +825,15 @@ body { transition: transform 0.15s ease-out; /* Transição para ajuste fino suave */ } +/* Evita cortes nas rotações de 90° e -90° causados pelo comportamento de rotação 2D do CSS */ +.transform-option:nth-child(4) .transform-image-wrapper img, +.transform-option:nth-child(5) .transform-image-wrapper img { + width: auto !important; + height: 100% !important; + aspect-ratio: 1 / 1 !important; + object-fit: contain !important; +} + .transform-name { font-size: 0.9rem; font-weight: 600;