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

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

View file

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

View file

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