Add styles for concept editor and markdown preview components

2026-05-07 19:43:28 +02:00
parent 23bc477319
commit 39fb777ae6
1 changed files with 25 additions and 0 deletions
--- a/src/styles.css
+++ b/src/styles.css
@@ -342,6 +342,31 @@ select {
  gap: 8px;
 }

+.concept-editor {
+  flex: 1;
+  min-height: 240px;
+}
+
+.markdown-preview {
+  flex: 1;
+  min-height: 314px;
+  padding: 16px 18px;
+  overflow: auto;
+  border: 1px solid var(--field-border);
+  border-radius: var(--control-radius);
+  background: var(--surface);
+  box-shadow: inset 0 1px 2px rgba(159, 18, 57, 0.04);
+}
+
+.markdown-preview:focus {
+  outline: 2px solid rgba(159, 18, 57, 0.2);
+  border-color: var(--accent);
+}
+
+.markdown-preview__empty {
+  color: var(--subtle);
+}
+
 .image-prompt {
  min-height: 110px;
  background: var(--surface);