UI finetuning
This commit is contained in:
parent
de6bcbfe65
commit
bd82b65f5d
6 changed files with 28 additions and 11 deletions
|
|
@ -47,7 +47,7 @@ class AddTUIScreen(BaseTUIScreen):
|
|||
.field-label {
|
||||
color: $text-muted;
|
||||
margin-top: 1;
|
||||
margin-bottom: 0;
|
||||
margin-bottom: 1;
|
||||
}
|
||||
|
||||
Input {
|
||||
|
|
@ -68,7 +68,7 @@ class AddTUIScreen(BaseTUIScreen):
|
|||
|
||||
#add-footer {
|
||||
dock: bottom;
|
||||
height: 3;
|
||||
padding: 1 0;
|
||||
background: $boost;
|
||||
color: $text-muted;
|
||||
content-align: center middle;
|
||||
|
|
|
|||
|
|
@ -47,7 +47,7 @@ class CognifyTUIScreen(BaseTUIScreen):
|
|||
.field-label {
|
||||
color: $text-muted;
|
||||
margin-top: 1;
|
||||
margin-bottom: 0;
|
||||
margin-bottom: 1;
|
||||
}
|
||||
|
||||
Input {
|
||||
|
|
@ -78,7 +78,7 @@ class CognifyTUIScreen(BaseTUIScreen):
|
|||
|
||||
#cognify-footer {
|
||||
dock: bottom;
|
||||
height: 3;
|
||||
padding: 1 0;
|
||||
background: $boost;
|
||||
color: $text-muted;
|
||||
content-align: center middle;
|
||||
|
|
@ -92,7 +92,7 @@ class CognifyTUIScreen(BaseTUIScreen):
|
|||
|
||||
def compose_content(self) -> ComposeResult:
|
||||
with Container(id="cognify-container"):
|
||||
yield Label("Cognify Data", id="form-title")
|
||||
yield Label("⚡ Cognify Data", id="form-title")
|
||||
with Vertical(id="cognify-form"):
|
||||
yield Label("Dataset Name (optional, leave empty for all):", classes="field-label")
|
||||
yield Input(
|
||||
|
|
|
|||
|
|
@ -129,7 +129,7 @@ class ConfigTUIScreen(BaseTUIScreen):
|
|||
|
||||
#config-footer {
|
||||
dock: bottom;
|
||||
height: 3;
|
||||
padding: 1 0;
|
||||
background: $boost;
|
||||
color: $text-muted;
|
||||
content-align: center middle;
|
||||
|
|
|
|||
|
|
@ -42,6 +42,7 @@ class DeleteTUIScreen(BaseTUIScreen):
|
|||
text-style: bold;
|
||||
color: $accent;
|
||||
margin-bottom: 2;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.input-group {
|
||||
|
|
@ -77,7 +78,7 @@ class DeleteTUIScreen(BaseTUIScreen):
|
|||
|
||||
#delete-footer {
|
||||
dock: bottom;
|
||||
height: 3;
|
||||
padding: 1 0;
|
||||
background: $boost;
|
||||
color: $text-muted;
|
||||
content-align: center middle;
|
||||
|
|
|
|||
|
|
@ -147,7 +147,7 @@ class HomeScreen(BaseTUIScreen):
|
|||
|
||||
#home-footer {
|
||||
dock: bottom;
|
||||
height: 3;
|
||||
padding: 1 0;
|
||||
background: $boost;
|
||||
color: $text-muted;
|
||||
content-align: center middle;
|
||||
|
|
|
|||
|
|
@ -20,6 +20,15 @@ class SearchTUIScreen(BaseTUIScreen):
|
|||
SearchTUIScreen {
|
||||
background: $surface;
|
||||
}
|
||||
|
||||
#form-title {
|
||||
text-align: center;
|
||||
text-style: bold;
|
||||
color: $accent;
|
||||
margin-bottom: 2;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
|
||||
#search-container {
|
||||
height: 100%;
|
||||
|
|
@ -58,10 +67,16 @@ class SearchTUIScreen(BaseTUIScreen):
|
|||
height: 1fr;
|
||||
overflow-y: auto;
|
||||
}
|
||||
|
||||
.field-label {
|
||||
color: $text-muted;
|
||||
margin-top: 1;
|
||||
margin-bottom: 1;
|
||||
}
|
||||
|
||||
#search-footer {
|
||||
dock: bottom;
|
||||
height: 3;
|
||||
padding: 1 0;
|
||||
background: $boost;
|
||||
color: $text-muted;
|
||||
content-align: center middle;
|
||||
|
|
@ -75,10 +90,11 @@ class SearchTUIScreen(BaseTUIScreen):
|
|||
|
||||
def compose_content(self) -> ComposeResult:
|
||||
with Container(id="search-container"):
|
||||
yield Label("🔍 Search Data", id="form-title")
|
||||
with Vertical(id="search-form"):
|
||||
yield Label("Query:")
|
||||
yield Label("Query:", classes="field-label")
|
||||
yield Input(placeholder="Enter your search query...", id="query-input")
|
||||
yield Label("Search Type:")
|
||||
yield Label("Search Type:", classes="field-label")
|
||||
yield Select(
|
||||
[
|
||||
("Graph Completion (Recommended)", "GRAPH_COMPLETION"),
|
||||
|
|
|
|||
Loading…
Add table
Reference in a new issue