Chore: Patch all Svelte-Warnings & Add Aria-Labels

This commit is contained in:
Youwes09
2026-05-01 00:38:15 -05:00
parent 1801fecdbb
commit a71cc719ba
23 changed files with 77 additions and 66 deletions
@@ -60,11 +60,13 @@
<div
class="backdrop"
role="presentation"
role="button"
tabindex="-1"
aria-label="Close cover picker"
onclick={(e) => { if (e.target === e.currentTarget) onClose(); }}
onkeydown={(e) => e.key === "Escape" && onClose()}
>
<div class="modal" role="dialog" aria-label="Choose cover image" onkeydown={onKeydown}>
<div class="modal" role="dialog" aria-label="Choose cover image" tabindex="-1" onkeydown={onKeydown}>
<div class="header">
<span class="title">Cover Image</span>
<button class="close-btn" onclick={onClose}><X size={14} weight="light" /></button>
@@ -142,12 +144,6 @@
font-size: var(--text-sm); font-weight: var(--weight-medium);
color: var(--text-secondary); flex: 1;
}
.comparing {
font-family: var(--font-ui); font-size: 9px;
color: var(--text-faint); letter-spacing: var(--tracking-wider);
text-transform: uppercase;
animation: pulse 1.2s ease-in-out infinite;
}
.close-btn {
display: flex; align-items: center; justify-content: center;
width: 26px; height: 26px; border-radius: var(--radius-sm);