minor changes for home screen
This commit is contained in:
parent
06eba205c8
commit
978a6c7359
1 changed files with 41 additions and 4 deletions
|
|
@ -50,6 +50,8 @@ class HomeScreen(BaseTUIScreen):
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: auto;
|
height: auto;
|
||||||
align: center middle;
|
align: center middle;
|
||||||
|
content-align: center middle;
|
||||||
|
padding-bottom: 1;
|
||||||
}
|
}
|
||||||
|
|
||||||
#title {
|
#title {
|
||||||
|
|
@ -61,12 +63,33 @@ class HomeScreen(BaseTUIScreen):
|
||||||
border: solid $accent;
|
border: solid $accent;
|
||||||
margin-bottom: 2;
|
margin-bottom: 2;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
#title-sub {
|
||||||
|
text-align: center;
|
||||||
|
width: auto;
|
||||||
|
color: $text-muted;
|
||||||
|
padding-bottom: 1;
|
||||||
|
margin-bottom: 1;
|
||||||
|
}
|
||||||
|
|
||||||
ListView > ListItem {
|
ListView > ListItem {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.menu-list > ListItem {
|
||||||
|
width: 100%;
|
||||||
|
padding: 0;
|
||||||
|
margin: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.menu-list {
|
||||||
|
height: auto;
|
||||||
|
background: $surface;
|
||||||
|
border: none;
|
||||||
|
padding: 0 0;
|
||||||
|
}
|
||||||
|
|
||||||
ListView {
|
ListView {
|
||||||
height: auto;
|
height: auto;
|
||||||
|
|
@ -78,36 +101,48 @@ class HomeScreen(BaseTUIScreen):
|
||||||
ListItem {
|
ListItem {
|
||||||
background: $surface;
|
background: $surface;
|
||||||
color: $text;
|
color: $text;
|
||||||
padding: 0 1;
|
|
||||||
height: auto;
|
|
||||||
width: 100%;
|
width: 100%;
|
||||||
|
min-height: 2;
|
||||||
|
align-vertical: middle;
|
||||||
|
}
|
||||||
|
|
||||||
|
ListItem:focus {
|
||||||
|
outline: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
ListItem.highlighted {
|
ListItem.highlighted {
|
||||||
background: $primary-darken-2;
|
background: $primary-darken-3;
|
||||||
|
color: $text;
|
||||||
|
}
|
||||||
|
ListItem.highlighted .cmd-name {
|
||||||
|
text-style: bold;
|
||||||
|
color: $accent;
|
||||||
}
|
}
|
||||||
|
|
||||||
.cmd-row {
|
.cmd-row {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: auto;
|
height: auto;
|
||||||
align-horizontal: left;
|
align-horizontal: left;
|
||||||
padding: 0 1;
|
align-vertical: middle;
|
||||||
}
|
}
|
||||||
|
|
||||||
.cmd-icon {
|
.cmd-icon {
|
||||||
width: 4;
|
width: 4;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
|
color: $text-muted;
|
||||||
}
|
}
|
||||||
|
|
||||||
.cmd-name {
|
.cmd-name {
|
||||||
width: 14;
|
width: 14;
|
||||||
padding-left: 1;
|
padding-left: 1;
|
||||||
|
text-style: bold;
|
||||||
}
|
}
|
||||||
|
|
||||||
.cmd-desc {
|
.cmd-desc {
|
||||||
width: 1fr;
|
width: 1fr;
|
||||||
overflow: auto;
|
overflow: auto;
|
||||||
padding-left: 1;
|
padding-left: 1;
|
||||||
|
color: $text-muted;
|
||||||
}
|
}
|
||||||
|
|
||||||
#home-footer {
|
#home-footer {
|
||||||
|
|
@ -135,6 +170,8 @@ class HomeScreen(BaseTUIScreen):
|
||||||
make_item("⚡", "cognify", "Process data in cognee"),
|
make_item("⚡", "cognify", "Process data in cognee"),
|
||||||
make_item("🗑️", "delete", "Delete data from cognee"),
|
make_item("🗑️", "delete", "Delete data from cognee"),
|
||||||
make_item("⚙️", "config", "Configure cognee settings"),
|
make_item("⚙️", "config", "Configure cognee settings"),
|
||||||
|
id="menu-list",
|
||||||
|
classes="menu-list",
|
||||||
)
|
)
|
||||||
|
|
||||||
def compose_footer(self) -> ComposeResult:
|
def compose_footer(self) -> ComposeResult:
|
||||||
|
|
|
||||||
Loading…
Add table
Reference in a new issue