fix: header sizes, transform image crop, sidebar accordion dropdown

This commit is contained in:
VPS 4 Builder
2026-05-25 04:06:00 +02:00
parent fa351efae7
commit 6153ac0ed0
4 changed files with 136 additions and 19 deletions
+21 -4
View File
@@ -828,9 +828,10 @@ body {
/* 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;
max-width: 100% !important;
max-height: 100% !important;
width: 100% !important;
height: 100% !important;
aspect-ratio: 1 / 1 !important;
object-fit: contain !important;
}
@@ -1056,7 +1057,11 @@ body {
}
.sidebar-header {
padding: 20px;
height: 70px !important;
box-sizing: border-box;
display: flex;
align-items: center;
padding: 0 20px !important;
border-bottom: 1px solid rgba(255,255,255,0.15);
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
}
@@ -1124,6 +1129,11 @@ body {
}
.main-content .header {
height: 70px !important;
box-sizing: border-box;
display: flex;
align-items: center;
padding: 0 20px !important;
border-radius: 0;
margin: 0;
border-bottom: 1px solid rgba(255,255,255,0.2);
@@ -1143,7 +1153,14 @@ body {
.app-container .container { display: none; }
/* Header padding */
.header-content { padding: 14px 20px; }
.main-content .header .header-content {
padding: 0 !important;
width: 100%;
margin: 0;
flex-direction: row !important;
justify-content: space-between !important;
align-items: center !important;
}
/* ---------------------------------------------------------------
IMAGES GRID — grid puro sem flex tricks