diff options
Diffstat (limited to 'src')
| -rw-r--r-- | src/app.css | 18 | ||||
| -rw-r--r-- | src/lib/Timetable.svelte | 32 |
2 files changed, 45 insertions, 5 deletions
diff --git a/src/app.css b/src/app.css index b80e46d..211e2c1 100644 --- a/src/app.css +++ b/src/app.css @@ -93,3 +93,21 @@ html { src: url('/fonts/SBB-UltraLight.woff2') format(woff2), url('/fonts/SBB-UltraLight.ttf') format(opentype), local('SBB'); } + +@font-face { + font-family: 'Adwaita Sans'; + font-display: swap; + font-weight: 100 900; + font-style: normal; + src: url('/fonts/AdwaitaSans-Regular.woff2') format(woff2), + url('/fonts/AdwaitaSans-Regular.ttf') format(opentype), + local('Adwaita Sans'); +} +@font-face { + font-family: 'Adwaita Sans'; + font-display: swap; + font-weight: 100 900; + font-style: italic; + src: url('/fonts/AdwaitaSans-Italic.woff2') format(woff2), + url('/fonts/AdwaitaSans-Italic.ttf') format(opentype), local('Adwaita Sans'); +} 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} |