Sascha/Aime
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

GUI: Sprecher-Verlauf als Vollbreiten-Streifen unter dem Player

Browse Source 
Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_0113vDKdSNtD3Dwcw4QMu9yV
This commit is contained in:
schakal00783
2026-07-17 00:55:15 +02:00
co-authored by Claude Fable 5
parent 795892cb9f
commit d9ae8f819b
3 changed files with 27 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/web/src/style.css
+9 -3
View File
@@ -224,7 +224,11 @@ audio { width: 100%; margin-bottom: 10px; }
.mod-body { padding: 12px; }
.mod-body h3 { margin: 10px 0 4px; font-size: .9rem; color: var(--muted); }
/* ---- Sprecher-Verlauf: Lanes + Live-Text ---- */
/* ---- Sprecher-Verlauf: fester Streifen unter dem Player, volle Breite ---- */
.viz-top {
margin: 4px 0 10px; padding: 10px 12px; background: var(--inset);
border: 1px solid var(--line); border-radius: 12px;
}
.viz-wrap { display: flex; gap: 14px; align-items: stretch; }
.lanes { flex: 1 1 58%; min-width: 0; position: relative; display: flex; flex-direction: column; gap: 6px; cursor: pointer; }
.lane-row { display: flex; align-items: center; gap: 8px; }
@@ -247,9 +251,11 @@ audio { width: 100%; margin-bottom: 10px; }
background: var(--accent); border-radius: 1px; pointer-events: none; z-index: 2;
transition: left .25s linear;
}
.lanes { flex: 1 1 66%; }
.livebox {
flex: 1 1 42%; min-width: 0; background: var(--surface-2); border-radius: 10px;
padding: 12px; max-height: 200px; overflow-y: auto; align-self: stretch;
flex: 1 1 34%; min-width: 0; background: var(--surface-2); border-radius: 10px;
padding: 10px 12px; max-height: 132px; overflow-y: auto; align-self: stretch;
font-size: 14px;
}
.live-turn .spk { display: block; font-weight: 650; font-size: 12px; margin-bottom: 4px; }
.live-turn.sp0 .spk { color: var(--sp0); } .live-turn.sp1 .spk { color: var(--sp1); }