christoph/svelte-formula11
1
Fork 0
Code Issues 23 Actions Packages Projects 1 Activity

Racepicks: Highlight logged in users guess column in red

Browse Source
This commit is contained in:
Christoph Urlacher
2025-01-31 00:31:52 +01:00
parent 97013e335e
commit 4330bed94d
1 changed files with 7 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
src/routes/racepicks/+page.svelte
View File

@ -312,6 +312,7 @@
</span> </span>
<span class="hidden text-sm lg:block">{race?.racedate}</span> <span class="hidden text-sm lg:block">{race?.racedate}</span>
</div> </div>
<!-- The race result popup is triggered on click on the race --> <!-- The race result popup is triggered on click on the race -->
<div data-popup={race?.id ?? "Invalid"} class="card z-10 p-2 shadow"> <div data-popup={race?.id ?? "Invalid"} class="card z-10 p-2 shadow">
<div class="flex flex-col gap-1"> <div class="flex flex-col gap-1">
@ -344,7 +345,12 @@
{#each data.currentpickedusers as user} {#each data.currentpickedusers as user}
{@const picks = data.racepicks.filter((pick: RacePick) => pick.user === user.id)} {@const picks = data.racepicks.filter((pick: RacePick) => pick.user === user.id)}
<div class="card ml-1 mt-2 w-full p-1 shadow lg:ml-2 lg:p-2"> <div
class="card ml-1 mt-2 w-full p-1 shadow lg:ml-2 lg:p-2 {data.user &&
data.user.username === user.username
? 'bg-primary-500'
: ''}"
>
<!-- Avatar + name display at the top --> <!-- Avatar + name display at the top -->
<div class="mx-auto flex h-10 w-fit"> <div class="mx-auto flex h-10 w-fit">
<LazyImage <LazyImage