diff options
feat: some more font shit, i18n for vbg
Diffstat (limited to 'src/lib/Timetable.svelte')
| -rw-r--r-- | src/lib/Timetable.svelte | 32 |
1 files changed, 27 insertions, 5 deletions
diff --git a/src/lib/Timetable.svelte b/src/lib/Timetable.svelte index 7707bcb..d246579 100644 --- a/src/lib/Timetable.svelte +++ b/src/lib/Timetable.svelte @@ -396,35 +396,57 @@ </p> <p class="py-1"> Examples: - <span class="pt-2 flex flex-wrap gap-2"> + <span class="pt-2 flex flex-wrap gap-2 max-w-xl"> <button class="{S.button('secondary').replace( 'not-disabled:bg-[#0000]', 'not-disabled:bg-[#2E2E3299]' - )} flex-1 text-nowrap p-3" + )} flex-1 text-nowrap p-3 w-max min-w-20" onclick={() => setSearch('Zürich HB')}>Zürich HB</button > <button class="{S.button('secondary').replace( 'not-disabled:bg-[#0000]', 'not-disabled:bg-[#2E2E3299]' - )} flex-1 text-nowrap p-3" + )} flex-1 text-nowrap p-3 w-max min-w-20" + onclick={() => setSearch('Bielefeld Hbf')}>Bielefeld Hbf</button + > + <button + class="{S.button('secondary').replace( + 'not-disabled:bg-[#0000]', + 'not-disabled:bg-[#2E2E3299]' + )} flex-1 text-nowrap p-3 w-max min-w-20" onclick={() => setSearch('Berlin Hbf')}>Berlin Hbf</button > <button class="{S.button('secondary').replace( 'not-disabled:bg-[#0000]', 'not-disabled:bg-[#2E2E3299]' - )} flex-1 text-nowrap p-3" + )} flex-1 text-nowrap p-3 w-max min-w-20" onclick={() => setSearch('Hamburg Hbf')}>Hamburg Hbf</button > <button class="{S.button('secondary').replace( 'not-disabled:bg-[#0000]', 'not-disabled:bg-[#2E2E3299]' - )} flex-1 text-nowrap p-3" + )} flex-1 text-nowrap p-3 w-max min-w-20" onclick={() => setSearch('Bern')}>Bern</button > + <button + class="{S.button('secondary').replace( + 'not-disabled:bg-[#0000]', + 'not-disabled:bg-[#2E2E3299]' + )} flex-1 text-nowrap p-3 w-max min-w-20" + onclick={() => setSearch('Basel SBB')}>Basel SBB</button + > + <button + class="{S.button('secondary').replace( + 'not-disabled:bg-[#0000]', + 'not-disabled:bg-[#2E2E3299]' + )} flex-1 text-nowrap p-3 w-max min-w-20" + onclick={() => setSearch('Genève-Aéroport')} + >Genève-Aéroport</button + > </span> </p> {/if} |