fix: prevent clipping/cropping in rotated 90deg images using square aspect ratio constraint
This commit is contained in:
@@ -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">
|
||||
|
||||
@@ -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;
|
||||
|
||||
Reference in New Issue
Block a user