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

style(modal): expande imagem para preencher o espaco da div e desfaz aumento indevido da galeria

Browse Source
This commit is contained in:
VPS 4 Builder
2026-05-25 01:08:28 +02:00
parent 0f15198b15
commit 1dd7360634
2 changed files with 11 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files
dental-server/public/index.html
+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.2">
<link rel="stylesheet" href="/style.css?v=2.3">
</head>
<body>
<div class="app-container">
dental-server/public/style.css
+10 -10
View File
@@ -343,8 +343,8 @@ body {
@media (min-width: 768px) {
.images-grid {
grid-template-columns: repeat(auto-fill, minmax(360px, 1fr));
gap: 24px;
grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
gap: 20px;
}
}
@@ -802,9 +802,9 @@ body {
.transform-image-wrapper {
position: relative;
width: 100%;
height: 15vh;
min-height: 120px;
max-height: 250px;
height: 20vh;
min-height: 160px;
max-height: 320px;
display: flex;
align-items: center;
justify-content: center;
@@ -815,9 +815,9 @@ body {
}
.transform-image-wrapper img {
max-width: 100%;
max-height: 100%;
object-fit: contain;
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 4px;
transition: transform 0.15s ease-out; /* Transição para ajuste fino suave */
}
@@ -1160,8 +1160,8 @@ body {
/* Image preview — altura fixa garantida */
.app-container .image-preview {
height: 300px !important;
min-height: 300px !important;
height: 200px !important;
min-height: 200px !important;
flex-shrink: 0 !important;
background-size: cover !important;
background-position: center !important;