GHMiranda
/
Pilgrim
mirror of https://github.com/gmbrax/Pilgrim.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Change the CSS to better distribute the elements of the sidebar

This commit is contained in:
Gustavo Henrique Santos Souza de Miranda 2025-07-17 21:39:05 -03:00
parent 165bc10a63
commit 1d08f4e40d
1 changed files with 10 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
src/pilgrim/ui/styles/pilgrim.css
View File

@ -391,7 +391,7 @@ Screen.-modal {
.EditEntryScreen-sidebar{ .EditEntryScreen-sidebar{
background: $primary-darken-1; background: $primary-darken-1;
width: 35%; width: 45%;
} }
.EditEntryScreen-sidebar-title { .EditEntryScreen-sidebar-title {
text-align: center; text-align: center;
@ -405,23 +405,24 @@ Screen.-modal {
.EditEntryScreen-sidebar-content { .EditEntryScreen-sidebar-content {
height: 1fr; height: 1fr;
layout: vertical; layout: vertical;
margin-left: 2; margin-left: 1;
margin-right: 2; margin-right: 1;
} }
.EditEntryScreen-sidebar-photo-list { .EditEntryScreen-sidebar-photo-list {
height: 0.5fr; /* Pega o espaço restante disponível */ height: 2fr; /* Pega o espaço restante disponível */
min-height: 8; /* Garante altura mínima para não sumir */ min-height: 5; /* Garante altura mínima para não sumir */
border: solid $accent; border: solid $accent;
margin-bottom: 1; margin-bottom: 1;
overflow-y: auto; /* Adiciona scroll vertical se necessário */ overflow-y: auto; /* Adiciona scroll vertical se necessário */
} }
.EditEntryScreen-sidebar-photo-info { .EditEntryScreen-sidebar-photo-info {
height: 0.5fr; height: 1fr;
max-height: 13; /* Limita altura máxima */ max-height: 15; /* Limita altura máxima */
min-height: 5; min-height: 13;
padding: 1;
border: solid $warning; border: solid $warning;
margin-bottom: 1; margin-bottom: 1;
background: $surface-darken-1; background: $surface-darken-1;
@ -430,7 +431,7 @@ Screen.-modal {
.EditEntryScreen-sidebar-help { .EditEntryScreen-sidebar-help {
height: 1fr; height: 1fr;
max-height: 12; /* Altura máxima menor que info */ max-height: 10; /* Altura máxima menor que info */
min-height: 8; /* Altura mínima menor */ min-height: 8; /* Altura mínima menor */
border: solid $success; border: solid $success;
padding: 1; padding: 1;