valknar/sexy
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: replace nested button with div[role=button] on queue cards

Browse Source 
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
Sebastian Krüger
2026-03-08 18:35:16 +01:00
parent 722392d19e
commit da2484d232
1 changed files with 5 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
packages/frontend/src/routes/admin/queues/+page.svelte
View File

@@ -131,13 +131,16 @@
<div class="flex flex-wrap gap-3 mb-6 px-3 sm:px-0"> <div class="flex flex-wrap gap-3 mb-6 px-3 sm:px-0">
{#each queues as queue (queue.name)} {#each queues as queue (queue.name)}
{@const isSelected = selectedQueue === queue.name} {@const isSelected = selectedQueue === queue.name}
<button <div
role="button"
tabindex="0"
class={`flex-1 min-w-48 rounded-lg border p-4 text-left transition-colors cursor-pointer ${ class={`flex-1 min-w-48 rounded-lg border p-4 text-left transition-colors cursor-pointer ${
isSelected isSelected
? "border-primary/50 bg-primary/5" ? "border-primary/50 bg-primary/5"
: "border-border/40 bg-card hover:border-border/70" : "border-border/40 bg-card hover:border-border/70"
}`} }`}
onclick={() => selectQueue(queue.name)} onclick={() => selectQueue(queue.name)}
onkeydown={(e) => e.key === "Enter" && selectQueue(queue.name)}
aria-pressed={isSelected} aria-pressed={isSelected}
> >
<div class="flex items-center justify-between mb-3"> <div class="flex items-center justify-between mb-3">
@@ -182,7 +185,7 @@
<span class="text-muted-foreground">empty</span> <span class="text-muted-foreground">empty</span>
{/if} {/if}
</div> </div>
</button> </div>
{/each} {/each}
</div> </div>