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

Racepicks: Center driver codes in guess table

Browse Source
This commit is contained in:
Christoph Urlacher
2025-01-31 00:56:57 +01:00
parent 5c75728163
commit 30d4693846
1 changed files with 8 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@ -384,10 +384,16 @@
{#if pick} {#if pick}
<div class="card mt-1 h-20 w-full bg-surface-300 p-1 lg:mt-2 lg:p-2"> <div class="card mt-1 h-20 w-full bg-surface-300 p-1 lg:mt-2 lg:p-2">
<div class="mx-auto flex h-full w-fit flex-col justify-evenly"> <div class="mx-auto flex h-full w-fit flex-col justify-evenly">
<span class="p-1 text-sm rounded-container-token" style="background: {pxxcolor};"> <span
class="p-1 text-center text-sm rounded-container-token"
style="background: {pxxcolor};"
>
{getdriver(pick?.pxx ?? "")?.code} {getdriver(pick?.pxx ?? "")?.code}
</span> </span>
<span class="p-1 text-sm rounded-container-token" style="background: {dnfcolor};"> <span
class="p-1 text-center text-sm rounded-container-token"
style="background: {dnfcolor};"
>
{getdriver(pick?.dnf ?? "")?.code} {getdriver(pick?.dnf ?? "")?.code}
</span> </span>
</div> </div>