bc999b18f1
- 修复登录逻辑判断错误，确保正确显示登录页面 - 修复登录成功后不关闭登录界面的问题 - 修复配置区域只显示标题栏的问题 - 添加TUI服务开关，对齐Web设置页面功能 - 完善后端配置处理，支持enable_web/enable_tui/web_port - 添加登录界面和管理员区域的CSS样式 - 修复Checkbox导入问题 - 优化管理员权限显示逻辑
179 lines
2.7 KiB
CSS
179 lines
2.7 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;
|
|
}
|
|
|
|
ConfigSection Checkbox {
|
|
margin: 1 0;
|
|
}
|
|
|
|
/* Admin sections */
|
|
#admin-web-login-section,
|
|
#admin-web-service-section,
|
|
#admin-tui-service-section {
|
|
display: block;
|
|
}
|
|
|
|
/* Login Screen */
|
|
#login_container,
|
|
#migration_container {
|
|
width: 60;
|
|
height: auto;
|
|
padding: 2;
|
|
background: $surface;
|
|
border: solid $primary;
|
|
}
|
|
|
|
#login_title,
|
|
#migration_title {
|
|
color: $primary;
|
|
text-style: bold;
|
|
margin: 0 0 1 0;
|
|
}
|
|
|
|
#migration_subtitle {
|
|
color: $text-muted;
|
|
margin: 0 0 1 0;
|
|
}
|
|
|
|
#login_message,
|
|
#migration_message {
|
|
color: $warning;
|
|
margin: 1 0 0 0;
|
|
}
|
|
|
|
/* 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;
|
|
}
|