Fix logo display and side-by-side layout
Use full block-character logo from bin/gniza, place logo Static and OptionList directly in Horizontal container without extra nesting. Style with proper widths. Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
@@ -18,28 +18,19 @@ Screen {
|
||||
align: center middle;
|
||||
}
|
||||
|
||||
#logo-panel {
|
||||
#logo {
|
||||
width: auto;
|
||||
min-width: 40;
|
||||
height: auto;
|
||||
padding: 1 2;
|
||||
align: center middle;
|
||||
}
|
||||
|
||||
#menu-panel {
|
||||
width: 1fr;
|
||||
max-width: 40;
|
||||
height: auto;
|
||||
padding: 1 2;
|
||||
padding: 1 3;
|
||||
content-align: center middle;
|
||||
}
|
||||
|
||||
#menu-list {
|
||||
width: 100%;
|
||||
height: auto;
|
||||
max-height: 100%;
|
||||
}
|
||||
|
||||
#logo {
|
||||
width: 1fr;
|
||||
max-width: 35;
|
||||
height: auto;
|
||||
margin: 1 2;
|
||||
}
|
||||
|
||||
/* Data tables */
|
||||
|
||||
@@ -5,13 +5,26 @@ from textual.widgets.option_list import Option
|
||||
from textual.containers import Horizontal, Vertical
|
||||
|
||||
LOGO = """\
|
||||
[green]
|
||||
\u2593\u2593\u2593\u2593\u2593\u2593\u2593\u2593\u2593\u2593\u2593\u2593\u2593\u2593\u2593\u2593\u2593\u2593\u2593\u2593\u2593\u2593\u2593\u2593\u2593\u2593\u2593\u2593\u2593\u2593\u2593\u2593\u2593
|
||||
\u2593\u2593\u2593\u2593\u2593\u2593\u2593\u2593\u2593\u2593\u2593\u2593 \u2593\u2593\u2593\u2593\u2593\u2593\u2593\u2593\u2593\u2593\u2593
|
||||
\u2593\u2593\u2593\u2593\u2593\u2593\u2593\u2593\u2593\u2593\u2593\u2593\u2593\u2593\u2593\u2593\u2593\u2593\u2593\u2593\u2593\u2593\u2593\u2593\u2593\u2593\u2593\u2593\u2593\u2593\u2593\u2593\u2593
|
||||
\u2593\u2593\u2593\u2593\u2593\u2593\u2593\u2593\u2593\u2593\u2593\u2593\u2593\u2593\u2593\u2593\u2593\u2593\u2593\u2593\u2593\u2593\u2593\u2593\u2593\u2593\u2593\u2593\u2593\u2593\u2593\u2593\u2593
|
||||
[/green]
|
||||
gniza - Linux Backup Manager
|
||||
[green]
|
||||
▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓
|
||||
▓▓▓▓▓▓▓▓▓▓▓▓ ▓▓▓▓▓▓▓▓▓▓▓
|
||||
▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓
|
||||
▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓
|
||||
|
||||
▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓
|
||||
▓▓▓▓▓▓▓▓▓▓▓▓ ▓▓▓▓▓▓▓▓▓▓▓
|
||||
▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓
|
||||
▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓
|
||||
|
||||
▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓
|
||||
▓▓▓▓▓▓▓▓▓▓▓▓ ▓▓▓▓▓▓▓▓▓▓▓
|
||||
▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓
|
||||
▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓
|
||||
▓▓▓▓▓▓▓▓▓▓
|
||||
▓▓▓▓▓▓
|
||||
▓▓
|
||||
[/green]
|
||||
gniza - Linux Backup Manager
|
||||
"""
|
||||
|
||||
MENU_ITEMS = [
|
||||
@@ -36,9 +49,7 @@ class MainMenuScreen(Screen):
|
||||
def compose(self) -> ComposeResult:
|
||||
yield Header()
|
||||
with Horizontal(id="main-layout"):
|
||||
with Vertical(id="logo-panel"):
|
||||
yield Static(LOGO, id="logo", markup=True)
|
||||
with Vertical(id="menu-panel"):
|
||||
yield OptionList(
|
||||
*[Option(label, id=mid) for mid, label in MENU_ITEMS],
|
||||
id="menu-list",
|
||||
|
||||
Reference in New Issue
Block a user