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