fix: prevent clipping/cropping in rotated 90deg images using square aspect ratio constraint

This commit is contained in:
VPS 4 Builder
2026-05-25 02:26:51 +02:00
parent 231cc42626
commit 065dee8f12
2 changed files with 10 additions and 1 deletions
+1 -1
View File
@@ -6,7 +6,7 @@
<title>Gerenciador de Imagens Dentais</title>
<meta name="description" content="Sistema de gerenciamento de imagens de raio-X dental">
<link rel="icon" href="/favicon.svg" type="image/svg+xml">
<link rel="stylesheet" href="/style.css?v=2.6">
<link rel="stylesheet" href="/style.css?v=2.7">
</head>
<body>
<div class="app-container">
+9
View File
@@ -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;