diff --git a/dental-server/public/index.html b/dental-server/public/index.html
index be1a720..bfe1d31 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 abb4778..29f2654 100644
--- a/dental-server/public/style.css
+++ b/dental-server/public/style.css
@@ -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;