bc2dd10f9e
- Install CM6 packages (state, view, lang-markdown, theme-one-dark, commands, language) - Replace Editor placeholder with real CodeMirror 6 instance - Add realistic markdown content to all mock entries in mock-tauri.ts - Wire up note selection: clicking a note in NoteList loads its content in the editor - Dark theme matching app colors, line numbers, active line highlighting, line wrapping - Update NoteList with selected state styling - Update Playwright screenshot test to capture editor with note selected Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
32 lines
444 B
CSS
32 lines
444 B
CSS
.editor {
|
|
background: #0f0f1a;
|
|
color: #e0e0e0;
|
|
display: flex;
|
|
flex-direction: column;
|
|
flex: 1;
|
|
min-width: 0;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.editor__placeholder {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
height: 100%;
|
|
text-align: center;
|
|
color: #555;
|
|
}
|
|
|
|
.editor__placeholder p {
|
|
margin: 8px 0;
|
|
}
|
|
|
|
.editor__cm-container {
|
|
flex: 1;
|
|
overflow: auto;
|
|
}
|
|
|
|
.editor__cm-container .cm-editor {
|
|
height: 100%;
|
|
}
|