refactor: complete border unification across all components

- Add border styles to JsonEditor (CodeMirror) with theme-responsive colors
- Update all dialog header/footer dividers to use border-border-default
- Replace remaining border-border instances in settings components
- Ensure all borders (including separators and container borders) use unified design system
- All borders now consistently use CSS variables and respond to light/dark themes
This commit is contained in:
Jason
2025-10-21 10:07:03 +08:00
parent 3626880663
commit cbd1903b90
7 changed files with 16 additions and 8 deletions

View File

@@ -86,6 +86,14 @@ const JsonEditor: React.FC<JsonEditorProps> = ({
"ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace",
fontSize: "14px",
},
".cm-editor": {
border: "1px solid hsl(var(--border))",
borderRadius: "0.5rem",
},
".cm-editor.cm-focused": {
outline: "none",
borderColor: "hsl(var(--primary))",
},
});
const extensions = [