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

Seasonpicks: Fix inverted teamwinners/podiums opacity + sort podiums in accordion
All checks were successful
Build Formula11 Docker Image / pocketbase-docker (push) Successful in 42s
Details

Browse Source
This commit is contained in:
Christoph Urlacher
2025-03-15 10:56:52 +01:00
parent 94c55212dd
commit db99892df1
1 changed files with 3 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
src/routes/seasonpicks/+page.svelte
View File

@ -85,6 +85,7 @@
? data.seasonpick.podiums ? data.seasonpick.podiums
.map((id: string) => get_by_value(drivers, "id", id) as Driver) .map((id: string) => get_by_value(drivers, "id", id) as Driver)
.sort((a: Driver, b: Driver) => a.code.localeCompare(b.code)) .sort((a: Driver, b: Driver) => a.code.localeCompare(b.code))
.sort((a: Driver, b: Driver) => a.team.localeCompare(b.team))
: [undefined]} : [undefined]}
<!-- Hottake --> <!-- Hottake -->
@ -440,7 +441,7 @@
<div class="mx-auto w-fit text-xs lg:text-sm"> <div class="mx-auto w-fit text-xs lg:text-sm">
<div <div
class="flex gap-1" class="flex gap-1"
style="opacity: {pick.teamwinners.includes(driver.id) ? 0.1 : 1.0};" style="opacity: {pick.teamwinners.includes(driver.id) ? 1.0 : 0.1};"
> >
<span <span
class="badge h-5 w-5" class="badge h-5 w-5"
@ -469,7 +470,7 @@
<div class="mx-auto w-fit text-xs lg:text-sm"> <div class="mx-auto w-fit text-xs lg:text-sm">
<div <div
class="flex gap-1" class="flex gap-1"
style="opacity: {pick.podiums.includes(driver.id) ? 0.1 : 1.0};" style="opacity: {pick.podiums.includes(driver.id) ? 1.0 : 0.1};"
> >
<span <span
class="badge h-5 w-5" class="badge h-5 w-5"