style audio
This commit is contained in:
@@ -270,8 +270,11 @@ body {
|
||||
.btn-primary:hover { filter: brightness(1.1); }
|
||||
.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); }
|
||||
.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-box {
|
||||
|
||||
@@ -62,7 +62,7 @@
|
||||
<div class="actions">
|
||||
<button class="btn" id="skip-btn">Überspringen</button>
|
||||
<button class="btn" id="clear-btn">Löschen</button>
|
||||
<button class="btn btn-download" id="download-btn" disabled>⬇ Audio</button>
|
||||
<button class="btn btn-download" id="download-btn" disabled><span class="dl-arrow">⬇</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>
|
||||
</div>
|
||||
|
||||
|
||||
Reference in New Issue
Block a user