Refactor CustomFooter styles: enhance alignment and height properties for improved layout consistency across the TUI application.
This commit is contained in:
parent
8d3d1e7c11
commit
e8faa48e22
2 changed files with 20 additions and 0 deletions
|
@ -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;
|
||||
}
|
||||
"""
|
||||
|
||||
|
|
|
@ -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;
|
||||
}
|
||||
"""
|
||||
)
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue