Improve the CSS and the code for the photo sidebar

This commit is contained in:
Gustavo Henrique Santos Souza de Miranda
2025-07-17 20:32:54 -03:00
parent a59af26c9d
commit 71d5491233
2 changed files with 29 additions and 38 deletions
+16 -21
View File
@@ -389,22 +389,9 @@ Screen.-modal {
width: 1fr;
}
.EditEntryScreen-sidebar {
width: 40;
min-height: 10;
border-left: solid green;
padding: 1;
background: $surface-darken-2;
color: $primary;
text-style: bold;
content-align: left top;
.EditEntryScreen-sidebar{
background: $primary-darken-1;
}
.EditEntryScreen-content-container {
layout: horizontal;
height: 1fr;
}
.EditEntryScreen-sidebar-title {
text-align: center;
text-style: bold;
@@ -417,30 +404,38 @@ Screen.-modal {
.EditEntryScreen-sidebar-content {
height: 1fr;
layout: vertical;
margin-left: 2;
margin-right: 2;
}
.EditEntryScreen-sidebar-photo-list {
height: 1fr;
height: 0.5fr; /* Pega o espaço restante disponível */
min-height: 10; /* Garante altura mínima para não sumir */
border: solid $accent;
margin-bottom: 1;
overflow-y: auto; /* Adiciona scroll vertical se necessário */
}
.EditEntryScreen-sidebar-photo-info {
height: auto;
min-height: 3;
height: 0.5fr;
max-height: 15; /* Limita altura máxima */
min-height: 6;
border: solid $warning;
padding: 1;
margin-bottom: 1;
background: $surface-darken-1;
overflow-y: auto; /* Adiciona scroll se exceder max-height */
}
.EditEntryScreen-sidebar-help {
height: auto;
min-height: 8;
height: 1fr;
max-height: 10; /* Altura máxima menor que info */
min-height: 8; /* Altura mínima menor */
border: solid $success;
padding: 1;
background: $surface-darken-1;
text-style: italic;
overflow-y: auto; /* Adiciona scroll se exceder max-height */
}
/* Photo Modal Styles */