Enhance note management: add corrected transcript field, update UI for reading mode, and improve archive display

This commit is contained in:
2026-09-28 17:17:58 +02:00
parent bc60c16079
commit 422a3548fd
4 changed files with 74 additions and 31 deletions
+10 -1
View File
@@ -28,6 +28,15 @@ main { max-width: 1040px; margin: auto; padding: 0 24px; }
.capture-modes { display: flex; width: fit-content; margin: 0 auto 24px; border-bottom: 1px solid var(--line); }
.capture-mode { min-width: 108px; min-height: 40px; border: 0; border-bottom: 2px solid transparent; padding: 0 16px; color: var(--muted); background: transparent; font: 12px var(--mono); cursor: pointer; }
.capture-mode.active { border-bottom-color: var(--moss); color: var(--moss-dark); }
.reading .capture { padding-bottom: 0; border-bottom: 0; background-image: none; }
.reading #queue-section { display: none; }
.reading #archive-section { min-height: calc(100vh - 190px); padding-top: 24px; border-top: 1px solid var(--line); }
.reading .archive-list { margin-top: 24px; }
.reading .archive-item { padding: 22px 0; }
.reading .archive-transcript { min-height: 180px; resize: vertical; border: 1px solid var(--line); padding: 14px; background: #fffefa; }
.original-transcript { margin: 0 0 12px; color: var(--muted); font-size: 11px; }
.original-transcript summary { width: fit-content; font: 10px var(--mono); cursor: pointer; }
.original-transcript p { margin: 9px 0 0; color: var(--ink); font: 13px/1.55 var(--sans); white-space: pre-wrap; overflow-wrap: anywhere; }
.write-panel { max-width: 590px; margin: auto; }
.write-label { display: block; margin: 0 0 10px; font: 500 20px var(--serif); }
.written-note { display: block; width: 100%; min-height: 190px; resize: vertical; border: 1px solid var(--line); padding: 14px; color: var(--ink); background: #fffefa; font: 14px/1.6 var(--sans); }
@@ -115,7 +124,7 @@ footer { max-width: 1040px; margin: auto; padding: 18px 24px calc(18px + env(saf
.topbar-actions { gap: 10px; }
main { padding: 0 18px; }
.capture { padding: 38px 0 30px; background-position: right 8px top 25px; }
.capture-mode { min-width: 100px; }
.capture-mode { min-width: 86px; padding-inline: 12px; }
.write-actions { align-items: flex-start; }
h1 { font-size: 48px; }
.recorder-row { gap: 12px; padding-right: 12px; }