diff options
| author |   memdmp <memdmpestrogenzone> | 2025-07-24 12:56:32 +0000 |
|---|---|---|
| committer | memdmp <memdmpestrogenzone> | 2025-07-24 12:56:32 +0000 |
| commit | 3e6ffccc3d16618062d3e2426c1fbada5877e854 (patch) | |
| tree | 94a07996e0a37de74e7c55a0910c9c4e183e8708 /src | |
| parent | 0c307df32c70c0a94e483da5e98385a440a0ff73 (diff) | |
| download | fahrplan-3e6ffccc3d16618062d3e2426c1fbada5877e854.tar.gz fahrplan-3e6ffccc3d16618062d3e2426c1fbada5877e854.tar.bz2 fahrplan-3e6ffccc3d16618062d3e2426c1fbada5877e854.tar.lz fahrplan-3e6ffccc3d16618062d3e2426c1fbada5877e854.zip | |
fix: awawa things
Diffstat (limited to 'src')
| -rw-r--r-- | src/lib/Timetable.svelte | 130 |
1 files changed, 75 insertions, 55 deletions
diff --git a/src/lib/Timetable.svelte b/src/lib/Timetable.svelte index 96e0c03..22f9139 100644 --- a/src/lib/Timetable.svelte +++ b/src/lib/Timetable.svelte @@ -372,7 +372,7 @@ {/each} {:else} <div class="flex items-center justify-center"> - <div class="results"> + <div class="results max-w-2xl"> {#if (placeName || placeId) && isResultsPage} <h2 class="text-2xl opacity-90">{m.no_results_title()}</h2> <p> @@ -389,60 +389,80 @@ <p class="pb-1"> {m.welcome_body_1()} </p> - <p class="py-1"> - <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 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 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 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 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> + <div + class="pb-1 pt-3 flex flex-wrap gap-2 w-full max-w-2xl justify-center" + > + <button + class="{S.button('secondary').replace( + 'not-disabled:bg-[#0000]', + 'not-disabled:bg-[#2E2E3299]' + )} flex-1 text-nowrap p-3 min-w-max" + 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 min-w-max" + 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 min-w-max" + 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 min-w-max" + 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 min-w-max" + 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 min-w-max" + 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 min-w-max" + onclick={() => setSearch('Genève-Aéroport')}>Genève-Aéroport</button + > + <button + class="{S.button('secondary').replace( + 'not-disabled:bg-[#0000]', + 'not-disabled:bg-[#2E2E3299]' + )} flex-1 text-nowrap p-3 min-w-max" + onclick={() => setSearch('Max-Weber-Platz')}>Max-Weber-Platz</button + > + <button + class="{S.button('secondary').replace( + 'not-disabled:bg-[#0000]', + 'not-disabled:bg-[#2E2E3299]' + )} flex-1 text-nowrap p-3 min-w-max" + onclick={() => setSearch('Lindau-Reutin')}>Lindau-Reutin</button + > + <button + class="{S.button('secondary').replace( + 'not-disabled:bg-[#0000]', + 'not-disabled:bg-[#2E2E3299]' + )} flex-1 text-nowrap p-3 min-w-max" + onclick={() => setSearch('Lindau-Reutin')}>Lindau-Reutin</button + > + </div> {/if} </div> </div> |