andrea/faerro-kb
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add audio level meter functionality and update UI elements

Browse Source
This commit is contained in:
andrea
2026-09-26 17:32:54 +02:00
parent 3f4fccdba2
commit eb83b16b54
4 changed files with 65 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/styles.css
+3
View File
@@ -37,6 +37,9 @@ h1 em { color: var(--moss); font-weight: 500; }
.record-copy { display: grid; gap: 4px; flex: 1; }
.record-copy strong { font-size: 14px; font-weight: 600; }
.record-copy span { color: var(--muted); font-size: 12px; }
.audio-level { width: min(120px, 100%); height: 3px; overflow: hidden; background: #e4e3dc; }
.audio-level[hidden] { display: none; }
.audio-level span { display: block; width: 0; height: 100%; background: var(--moss); transition: width .08s linear; }
#record-time { color: var(--muted); font: 12px var(--mono); font-variant-numeric: tabular-nums; }
.record-meter { height: 2px; max-width: 590px; margin-inline: auto; background: #e4e3dc; }
.record-meter span { display: block; height: 100%; width: 0; background: var(--coral); transition: width .25s linear; }