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 { .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;

View file

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

View file

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

View file

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

View file

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

View file

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