Make main menu responsive to terminal size
Use 1fr width with max-width, reduce button height/margins, and enable overflow scroll so all items fit smaller terminals. Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
@@ -13,18 +13,22 @@ Screen {
|
|||||||
|
|
||||||
/* Main menu */
|
/* Main menu */
|
||||||
#main-menu {
|
#main-menu {
|
||||||
width: 50;
|
width: 1fr;
|
||||||
|
max-width: 60;
|
||||||
padding: 1 2;
|
padding: 1 2;
|
||||||
|
overflow-y: auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
#main-menu Button {
|
#main-menu Button {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
margin: 0 0 1 0;
|
height: 3;
|
||||||
|
margin: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
#logo {
|
#logo {
|
||||||
text-align: center;
|
text-align: center;
|
||||||
padding: 0 0 1 0;
|
height: auto;
|
||||||
|
padding: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Data tables */
|
/* Data tables */
|
||||||
|
|||||||
Reference in New Issue
Block a user