Kharec/auditui
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: polish responsive help screen CSS

Browse Source
This commit is contained in:
Sandro CURY CAZZANIGA
2026-01-03 11:48:54 +01:00
parent d2cfebddf7
commit 20ef60b1e4
1 changed files with 21 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files

39
auditui/constants.py
View File

@@ -154,22 +154,24 @@ HelpScreen {
} }
#help_container { #help_container {
width: 70; width: 88%;
max-width: 120;
min-width: 48;
height: auto; height: auto;
max-height: 85%; max-height: 90%;
min-height: 20; min-height: 16;
background: #1e1e2e; background: #181a2a;
border: thick #89b4fa; border: heavy #7aa2f7;
padding: 2; padding: 1 2;
} }
#help_title { #help_title {
text-align: center; text-align: center;
text-style: bold; text-style: bold;
color: #89b4fa; color: #7aa2f7;
margin-bottom: 2; margin-bottom: 1;
padding-bottom: 1; padding-bottom: 1;
border-bottom: solid #585b70; border-bottom: solid #4b5165;
height: 3; height: 3;
align: center middle; align: center middle;
} }
@@ -203,27 +205,28 @@ HelpScreen {
height: 3; height: 3;
margin: 0 0 1 0; margin: 0 0 1 0;
padding: 0 1; padding: 0 1;
background: #181825; background: #1b1f33;
border: solid #313244; border: tall #2b2f45;
align: left middle; align: left middle;
} }
.help_row:hover { .help_row:hover {
background: #313244; background: #2a2f45;
border: solid #45475a; border: tall #3b4160;
} }
.help_key { .help_key {
width: 20; width: 22%;
min-width: 12;
text-align: right; text-align: right;
padding: 0 2 0 0; padding: 0 1 0 0;
color: #f9e2af; color: #f9e2af;
text-style: bold; text-style: bold;
align: right middle; align: right middle;
} }
.help_action { .help_action {
width: 1fr; width: 78%;
text-align: left; text-align: left;
padding: 0 0 0 2; padding: 0 0 0 2;
color: #cdd6f4; color: #cdd6f4;
@@ -233,9 +236,9 @@ HelpScreen {
#help_footer { #help_footer {
text-align: center; text-align: center;
color: #bac2de; color: #bac2de;
margin-top: 2; margin-top: 1;
padding-top: 1; padding-top: 1;
border-top: solid #585b70; border-top: solid #4b5165;
height: 3; height: 3;
align: center middle; align: center middle;
} }