diff options
| author |   memdmp <memdmpestrogenzone> | 2025-07-24 09:49:02 +0000 |
|---|---|---|
| committer | memdmp <memdmpestrogenzone> | 2025-07-24 09:49:02 +0000 |
| commit | 87b69857975f5a3b85a7f37e118402f7db926853 (patch) | |
| tree | 7f3227aa4677139c616c7306d094341dc65b57be /src | |
| parent | b8a814f98aba9840da35799e173e18f8ecb0e36a (diff) | |
| download | fahrplan-87b69857975f5a3b85a7f37e118402f7db926853.tar.gz fahrplan-87b69857975f5a3b85a7f37e118402f7db926853.tar.bz2 fahrplan-87b69857975f5a3b85a7f37e118402f7db926853.tar.lz fahrplan-87b69857975f5a3b85a7f37e118402f7db926853.zip | |
feat: some more font shit, i18n for vbg
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} |