From 4be366ff16f1b35e9618b5236db2f87b5788e7ba Mon Sep 17 00:00:00 2001 From: scoped Date: Tue, 29 Sep 2026 12:16:31 -0400 Subject: [PATCH] fix(launcher): resolve a11y warnings on economy card and member name buttons --- launcher/src/pages/Social.svelte | 15 ++++++++++++++- launcher/src/pages/Stats.svelte | 7 ++++--- 2 files changed, 18 insertions(+), 4 deletions(-) diff --git a/launcher/src/pages/Social.svelte b/launcher/src/pages/Social.svelte index fc8cdfd..0b377bc 100644 --- a/launcher/src/pages/Social.svelte +++ b/launcher/src/pages/Social.svelte @@ -425,7 +425,7 @@
- (app.viewProfileUuid = member.uuid)}>{member.username} + {#if isMe} You {/if} @@ -1141,4 +1141,17 @@ .w-full { width: 100%; } + .member-name-btn { + background: none; + border: none; + padding: 0; + font: inherit; + font-weight: 700; + color: var(--text); + cursor: pointer; + text-align: left; + } + .member-name-btn:hover { + color: var(--accent); + } diff --git a/launcher/src/pages/Stats.svelte b/launcher/src/pages/Stats.svelte index b716541..b61886e 100644 --- a/launcher/src/pages/Stats.svelte +++ b/launcher/src/pages/Stats.svelte @@ -413,7 +413,8 @@ {:else}
{#each economyBalances as bal (bal.server_id)} -
handleEconomyServerChange(bal.server_id)} @@ -429,7 +430,7 @@ -
+ {/each}
{/if} @@ -695,7 +696,7 @@ .section-title { font-size: 1.05rem; font-weight: 700; } .empty-inline { padding: 1.2rem 0; } .econ-balances-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(14rem, 1fr)); gap: 1rem; margin-top: 0.5rem; } - .econ-balance-card { display: flex; flex-direction: column; gap: 0.6rem; padding: 1.1rem 1.2rem; border-radius: var(--radius-sm); cursor: pointer; transition: transform 0.15s, border-color 0.15s; } + .econ-balance-card { display: flex; flex-direction: column; gap: 0.6rem; padding: 1.1rem 1.2rem; border-radius: var(--radius-sm); cursor: pointer; transition: transform 0.15s, border-color 0.15s; text-align: left; font: inherit; color: inherit; width: 100%; } .econ-balance-card:hover { transform: translateY(-2px); } .econ-balance-card.selected { border-color: var(--accent); background: color-mix(in srgb, var(--accent) 10%, transparent); } .server-badge { font-size: 0.82rem; font-weight: 700; color: var(--accent); }