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 fit the text better and also limited the width of the sidebar

This commit is contained in:
Gustavo Henrique Santos Souza de Miranda 2025-07-17 20:48:59 -03:00
parent 71d5491233
commit 165bc10a63
1 changed files with 5 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -391,6 +391,7 @@ Screen.-modal {
.EditEntryScreen-sidebar{ .EditEntryScreen-sidebar{
background: $primary-darken-1; background: $primary-darken-1;
width: 35%;
} }
.EditEntryScreen-sidebar-title { .EditEntryScreen-sidebar-title {
text-align: center; text-align: center;
@ -411,7 +412,7 @@ Screen.-modal {
.EditEntryScreen-sidebar-photo-list { .EditEntryScreen-sidebar-photo-list {
height: 0.5fr; /* Pega o espaço restante disponível */ height: 0.5fr; /* Pega o espaço restante disponível */
min-height: 10; /* Garante altura mínima para não sumir */ min-height: 8; /* 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 */
@ -419,8 +420,8 @@ Screen.-modal {
.EditEntryScreen-sidebar-photo-info { .EditEntryScreen-sidebar-photo-info {
height: 0.5fr; height: 0.5fr;
max-height: 15; /* Limita altura máxima */ max-height: 13; /* Limita altura máxima */
min-height: 6; min-height: 5;
border: solid $warning; border: solid $warning;
margin-bottom: 1; margin-bottom: 1;
background: $surface-darken-1; background: $surface-darken-1;
@ -429,7 +430,7 @@ Screen.-modal {
.EditEntryScreen-sidebar-help { .EditEntryScreen-sidebar-help {
height: 1fr; height: 1fr;
max-height: 10; /* Altura máxima menor que info */ max-height: 12; /* 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;