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

Data/Seasonpickresults: Increase card size for mobile
All checks were successful
Build Formula11 Docker Image / pocketbase-docker (push) Successful in 38s
Details

Browse Source
This commit is contained in:
Christoph Urlacher
2025-12-26 19:09:17 +01:00
parent 9755d06220
commit c2bc3b0095
1 changed files with 8 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
src/routes/data/seasonpickresults/+page.svelte
View File

@ -389,6 +389,7 @@
</Button> </Button>
{/if} {/if}
</div> </div>
{#await Promise.all( [data.graphics, data.seasonpicks, data.users, data.seasonpickresults, data.drivers, data.teams], ) then [graphics, seasonpicks, users, seasonpickresults, drivers, teams]} {#await Promise.all( [data.graphics, data.seasonpicks, data.users, data.seasonpickresults, data.drivers, data.teams], ) then [graphics, seasonpicks, users, seasonpickresults, drivers, teams]}
<div class="grid grid-cols-1 gap-2 xl:grid-cols-2"> <div class="grid grid-cols-1 gap-2 xl:grid-cols-2">
<!-- WDC --> <!-- WDC -->
@ -396,12 +397,12 @@
imgsrc={get_by_value<Driver>(drivers, "id", wdcwinner_select_value)?.headshot_url ?? imgsrc={get_by_value<Driver>(drivers, "id", wdcwinner_select_value)?.headshot_url ??
get_driver_headshot_template(graphics)} get_driver_headshot_template(graphics)}
imgid="wdcwinner_headshot" imgid="wdcwinner_headshot"
width="w-full h-24" width="w-full h-32"
imgwidth={DRIVER_HEADSHOT_WIDTH} imgwidth={DRIVER_HEADSHOT_WIDTH}
imgheight={DRIVER_HEADSHOT_HEIGHT} imgheight={DRIVER_HEADSHOT_HEIGHT}
imgleft={true} imgleft={true}
imgshadow={false} imgshadow={false}
extraimgclass="mt-[11px]" extraimgclass="mt-[20px]"
extraclass="w-full" extraclass="w-full"
> >
<h1 class="mb-2 text-lg font-bold">Which driver fucking obliterated this season?</h1> <h1 class="mb-2 text-lg font-bold">Which driver fucking obliterated this season?</h1>
@ -422,12 +423,12 @@
imgsrc={get_by_value<Team>(teams, "id", wccwinner_select_value)?.banner_url ?? imgsrc={get_by_value<Team>(teams, "id", wccwinner_select_value)?.banner_url ??
get_team_banner_template(graphics)} get_team_banner_template(graphics)}
imgid="wccwinner_banner" imgid="wccwinner_banner"
width="w-full h-24" width="w-full h-32"
imgwidth={TEAM_BANNER_WIDTH} imgwidth={TEAM_BANNER_WIDTH}
imgheight={TEAM_BANNER_HEIGHT} imgheight={TEAM_BANNER_HEIGHT}
imgleft={true} imgleft={true}
imgshadow={false} imgshadow={false}
extraimgclass="mt-[10px] rounded-r-md" extraimgclass="mt-[16px] rounded-r-md"
extraclass="w-full" extraclass="w-full"
> >
<h1 class="mb-2 text-lg font-bold">Which constructor constructed the best this season?</h1> <h1 class="mb-2 text-lg font-bold">Which constructor constructed the best this season?</h1>
@ -450,12 +451,12 @@
imgsrc={get_by_value<Driver>(drivers, "code", "DOO")?.headshot_url ?? imgsrc={get_by_value<Driver>(drivers, "code", "DOO")?.headshot_url ??
get_driver_headshot_template(graphics)} get_driver_headshot_template(graphics)}
imgid="doohan_headshot" imgid="doohan_headshot"
width="w-full h-24" width="w-full h-32"
imgwidth={DRIVER_HEADSHOT_WIDTH} imgwidth={DRIVER_HEADSHOT_WIDTH}
imgheight={DRIVER_HEADSHOT_HEIGHT} imgheight={DRIVER_HEADSHOT_HEIGHT}
imgleft={true} imgleft={true}
imgshadow={false} imgshadow={false}
extraimgclass="mt-[11px]" extraimgclass="mt-[20px]"
extraclass="w-full" extraclass="w-full"
> >
<h1 class="mb-2 text-lg font-bold">How often did JACK DOOHAN start?</h1> <h1 class="mb-2 text-lg font-bold">How often did JACK DOOHAN start?</h1>
@ -478,7 +479,7 @@
{#each seasonpicks as seasonpick} {#each seasonpicks as seasonpick}
{@const user = get_by_value(users, "id", seasonpick.user)} {@const user = get_by_value(users, "id", seasonpick.user)}
<Card> <Card>
<div class="flex h-20 gap-2"> <div class="flex h-32 gap-2">
<div class="mt-2"> <div class="mt-2">
<Avatar <Avatar
id="{user?.id ?? 'INVALID'}_avatar" id="{user?.id ?? 'INVALID'}_avatar"