phg/hosts
0
0
Fork 0
Code Issues 3 Pull requests Projects Releases Packages Wiki Activity Actions

Refactor CustomFooter styles: enhance alignment and height properties for improved layout consistency across the TUI application.

Browse source
This commit is contained in:
Philip Henning 2025-08-16 21:15:25 +02:00
parent 8d3d1e7c11
commit e8faa48e22
2 changed files with 20 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

10
src/hosts/tui/custom_footer.py
View file

@ -33,28 +33,36 @@ class CustomFooter(Widget):
CustomFooter > Horizontal { CustomFooter > Horizontal {
height: 1; height: 1;
width: 100%; width: 100%;
align: left middle;
} }
.footer-left { .footer-left {
width: auto; width: auto;
text-align: left; text-align: left;
text-style: dim; text-style: dim;
height: 1;
content-align: left middle;
} }
.footer-spacer { .footer-spacer {
width: 1fr; width: 1fr;
height: 1;
} }
.footer-right { .footer-right {
width: auto; width: auto;
text-align: right; text-align: right;
text-style: dim; text-style: dim;
height: 1;
content-align: right middle;
} }
.footer-separator { .footer-separator {
width: auto; width: auto;
color: $primary; color: $primary;
text-style: dim; text-style: dim;
height: 1;
content-align: center middle;
} }
.footer-status { .footer-status {
@ -62,6 +70,8 @@ class CustomFooter(Widget):
text-align: right; text-align: right;
color: $accent; color: $accent;
text-style: bold; text-style: bold;
height: 1;
content-align: right middle;
} }
""" """

10
src/hosts/tui/styles.py
View file

@ -180,28 +180,36 @@ CustomFooter {
CustomFooter > Horizontal { CustomFooter > Horizontal {
height: 1; height: 1;
width: 100%; width: 100%;
align: left middle;
} }
.footer-left { .footer-left {
width: auto; width: auto;
text-align: left; text-align: left;
text-style: dim; text-style: dim;
height: 1;
content-align: left middle;
} }
.footer-spacer { .footer-spacer {
width: 1fr; width: 1fr;
height: 1;
} }
.footer-right { .footer-right {
width: auto; width: auto;
text-align: right; text-align: right;
text-style: dim; text-style: dim;
height: 1;
content-align: right middle;
} }
.footer-separator { .footer-separator {
width: auto; width: auto;
color: $primary; color: $primary;
text-style: dim; text-style: dim;
height: 1;
content-align: center middle;
} }
.footer-status { .footer-status {
@ -209,6 +217,8 @@ CustomFooter > Horizontal {
text-align: right; text-align: right;
color: $accent; color: $accent;
text-style: bold; text-style: bold;
height: 1;
content-align: right middle;
} }
""" """
) )