style audio

This commit is contained in:
2026-03-03 20:27:08 +01:00
parent 74dd5b30e3
commit fb6cc59d69
2 changed files with 5 additions and 2 deletions

View File

@@ -270,8 +270,11 @@ body {
.btn-primary:hover { filter: brightness(1.1); } .btn-primary:hover { filter: brightness(1.1); }
.btn-primary:disabled { filter: none; } .btn-primary:disabled { filter: none; }
.btn-download { color: var(--success); border-color: var(--success); font-size: 16px; } .btn-download { border-color: var(--success); display: flex; align-items: center; justify-content: center; gap: 4px; }
.btn-download:not(:disabled):hover { background: rgba(48, 209, 88, 0.12); } .btn-download:not(:disabled):hover { background: rgba(48, 209, 88, 0.12); }
.dl-arrow { color: var(--success); font-size: 22px; font-weight: 900; line-height: 1; }
.dl-label { color: var(--text-dim); font-size: 13px; }
.dl-icon { color: var(--accent); font-size: 15px; }
/* ── Feedback ── */ /* ── Feedback ── */
.feedback-box { .feedback-box {

View File

@@ -62,7 +62,7 @@
<div class="actions"> <div class="actions">
<button class="btn" id="skip-btn">Überspringen</button> <button class="btn" id="skip-btn">Überspringen</button>
<button class="btn" id="clear-btn">Löschen</button> <button class="btn" id="clear-btn">Löschen</button>
<button class="btn btn-download" id="download-btn" disabled>&#11015; Audio</button> <button class="btn btn-download" id="download-btn" disabled><span class="dl-arrow">&#11015;</span><span class="dl-label">Audio</span><span class="dl-icon"></span></button>
<button class="btn btn-primary" id="check-btn" disabled>Überprüfen</button> <button class="btn btn-primary" id="check-btn" disabled>Überprüfen</button>
</div> </div>