195ca87577
1. 将Input组件替换为TextArea，支持多行文本输入和粘贴
2. 添加发送按钮，点击即可发送消息
3. Enter键用于换行，支持多行编辑
4. 在帮助信息中显示配置文件和数据库路径
5. 优化输入框样式和布局
🤖 Generated with CodeArts Agent
140 lines
2.1 KiB
CSS
140 lines
2.1 KiB
CSS
/* Component Styles for Graph Memory TUI */
|
|
|
|
/* Input Box - 最重要 */
|
|
InputBox {
|
|
background: $surface;
|
|
padding: 1 2;
|
|
height: auto;
|
|
border: solid $primary;
|
|
}
|
|
|
|
InputBox TextArea {
|
|
width: 100%;
|
|
height: 5;
|
|
background: $surface-lighten-1;
|
|
color: $text;
|
|
border: none;
|
|
}
|
|
|
|
InputBox .input-buttons {
|
|
height: auto;
|
|
margin-top: 1;
|
|
}
|
|
|
|
InputBox Button {
|
|
margin: 0;
|
|
}
|
|
|
|
/* Config Section */
|
|
ConfigSection {
|
|
background: $surface;
|
|
padding: 1;
|
|
margin: 0 0 1 0;
|
|
height: auto;
|
|
}
|
|
|
|
ConfigSection .config-title {
|
|
color: $primary;
|
|
text-style: bold;
|
|
margin: 0 0 1 0;
|
|
}
|
|
|
|
ConfigSection .config-label {
|
|
color: $text;
|
|
margin: 0;
|
|
padding: 1 0 0 0;
|
|
}
|
|
|
|
ConfigSection .config-hint {
|
|
color: $text-muted;
|
|
text-style: italic;
|
|
margin: 1 0 0 0;
|
|
}
|
|
|
|
ConfigSection Input {
|
|
width: 1fr;
|
|
height: 3;
|
|
margin: 0 0 1 0;
|
|
padding: 0 1;
|
|
background: $surface-lighten-1;
|
|
border: solid $primary;
|
|
color: $text;
|
|
}
|
|
|
|
/* Other Components */
|
|
OperationLog {
|
|
background: $surface-darken-1;
|
|
height: 1fr;
|
|
margin: 1;
|
|
overflow-y: auto;
|
|
padding: 1;
|
|
}
|
|
|
|
OperationLog .log-entry {
|
|
color: $text;
|
|
margin: 0 0 1 0;
|
|
height: auto;
|
|
}
|
|
|
|
OperationLog .log-empty {
|
|
color: $text-muted;
|
|
text-style: italic;
|
|
}
|
|
|
|
CypherQueryBox {
|
|
border: solid green;
|
|
margin: 1;
|
|
height: auto;
|
|
}
|
|
|
|
MessageHistory {
|
|
height: 1fr;
|
|
margin: 1;
|
|
overflow-y: auto;
|
|
}
|
|
|
|
/* Message Widget */
|
|
MessageWidget {
|
|
margin: 1 0;
|
|
height: auto;
|
|
}
|
|
|
|
MessageWidget .message-header {
|
|
color: $text-muted;
|
|
text-style: bold;
|
|
margin: 0 0 0 0;
|
|
}
|
|
|
|
MessageWidget .message-content {
|
|
color: $text;
|
|
margin: 0 0 0 2;
|
|
height: auto;
|
|
}
|
|
|
|
MessageWidget .tool-indicator {
|
|
color: $warning;
|
|
text-style: bold;
|
|
margin: 1 0 0 2;
|
|
}
|
|
|
|
MessageWidget .tool-details {
|
|
background: $surface-darken-1;
|
|
margin: 1 0 0 2;
|
|
padding: 1;
|
|
}
|
|
|
|
MessageWidget .tool-name {
|
|
color: $accent;
|
|
text-style: bold;
|
|
}
|
|
|
|
MessageWidget .tool-args {
|
|
color: $text-muted;
|
|
margin: 0 0 0 2;
|
|
}
|
|
|
|
MessageWidget .tool-result {
|
|
color: $success;
|
|
margin: 0 0 0 2;
|
|
}
|