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