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

Compare commits

base: christoph:01d58e3d1e31798083f1352cb990345bf299fe6f
Branches Tags
christoph:master
...
compare: christoph:30d4693846977a1ca55afabedc460ac471871c94
Branches Tags
christoph:master

2 Commits
01d58e3d1e ... 30d4693846

Author SHA1 Message Date
Christoph Urlacher
30d4693846 Racepicks: Center driver codes in guess table 2025-01-31 00:56:57 +01:00
Christoph Urlacher
5c75728163 Lib: Make RacePickCard labelwidth smaller 2025-01-31 00:56:47 +01:00
2 changed files with 10 additions and 4 deletions
Expand all files Collapse all files

4
src/lib/components/cards/RacePickCard.svelte
View File

@ -112,7 +112,7 @@
input_variable={pxx_select_value} input_variable={pxx_select_value}
action={register_pxx_preview_handler} action={register_pxx_preview_handler}
options={driver_select_options} options={driver_select_options}
labelwidth="120px" labelwidth="60px"
disabled={disable_inputs} disabled={disable_inputs}
> >
P{currentrace?.pxx ?? "XX"} P{currentrace?.pxx ?? "XX"}
@ -123,7 +123,7 @@
name="dnf" name="dnf"
input_variable={dnf_select_value} input_variable={dnf_select_value}
options={driver_select_options} options={driver_select_options}
labelwidth="120px" labelwidth="60px"
disabled={disable_inputs} disabled={disable_inputs}
> >
DNF DNF

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>