phg/hosts
0
0
Fork 0
Code Issues 3 Pull requests Projects Releases Packages Wiki Activity Actions

Refactor layout of left and right panes to use rounded borders and improve structure

Browse source
This commit is contained in:
Philip Henning 2025-07-29 16:37:38 +02:00
parent d684583cb9
commit 407e37fffd
1 changed files with 12 additions and 6 deletions
Download patch file Download diff file Expand all files Collapse all files

18
src/hosts/main.py
View file

@ -29,14 +29,16 @@ class HostsManagerApp(App):
.left-pane {
width: 60%;
border: solid $primary;
border: round $primary;
margin: 1;
padding: 1;
}
.right-pane {
width: 40%;
border: solid $primary;
border: round $primary;
margin: 1;
padding: 1;
}
.entry-active {
@ -79,13 +81,17 @@ class HostsManagerApp(App):
yield Header()
with Horizontal(classes="hosts-container"):
with Vertical(classes="left-pane"):
yield Static("Hosts Entries", id="left-header")
left_pane = Vertical(classes="left-pane")
left_pane.border_title = "Hosts Entries"
with left_pane:
yield ListView(id="entries-list")
yield left_pane
with Vertical(classes="right-pane"):
yield Static("Entry Details", id="right-header")
right_pane = Vertical(classes="right-pane")
right_pane.border_title = "Entry Details"
with right_pane:
yield Static("", id="entry-details")
yield right_pane
yield Static("", classes="status-bar", id="status")
yield Footer()