UI finetuning

This commit is contained in:
rajeevrajeshuni 2025-11-29 22:02:52 +05:30
parent de6bcbfe65
commit bd82b65f5d
6 changed files with 28 additions and 11 deletions

View file

@ -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;

View file

@ -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(

View file

@ -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;

View file

@ -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;

View file

@ -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;

View file

@ -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"),