fix: Improve right panel interaction

- Remove Collapsible wrapper for direct access
- Show config inputs directly without clicking
- Add clear visual hierarchy
- Improve input field styling
- Add config hint text
- Better focus states
This commit is contained in:
JianFeeeee
2026-04-10 15:59:30 +08:00
parent e9df29a988
commit aad0b71c33
2 changed files with 60 additions and 20 deletions

View File

@ -1,5 +1,42 @@
/* Component Styles for Graph Memory TUI */
/* Config Section */
ConfigSection {
background: $surface;
padding: 1;
margin: 1;
}
ConfigSection .config-title {
color: $primary;
text-style: bold;
margin: 1;
}
ConfigSection .config-label {
color: $text;
margin: 1 0 0 0;
}
ConfigSection .config-hint {
color: $text-muted;
text-style: italic;
margin: 1 0 0 0;
}
ConfigSection Input {
width: 1fr;
margin: 0 0 1 0;
background: $surface-lighten-1;
border: solid $primary;
}
ConfigSection Input:focus {
border: double $primary;
background: $surface-lighten-2;
}
/* Input Box */
InputBox {
border: solid orange;
height: 3;
@ -24,6 +61,7 @@ InputBox Input:focus {
background: $surface-lighten-1;
}
/* Other Components */
ConfigSection {
background: $panel;
margin: 1;