andras/perfect-postcode
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages 2 Wiki Activity Actions

vibes

Browse source
This commit is contained in:
Andras Schmelczer 2026-05-28 21:48:35 +01:00
parent 39ef5c6646
commit c995f12f8b
78 changed files with 4830 additions and 1619 deletions
Download patch file Download diff file Expand all files Collapse all files

18
frontend/src/components/map/TravelTimeCard.tsx
View file

@ -93,14 +93,14 @@ export function TravelTimeCard({
className={`space-y-2 px-2 py-2 rounded ${isActive ? 'ring-2 ring-teal-400 bg-teal-50 dark:bg-teal-900/30' : isPinned ? 'ring-2 ring-teal-400 bg-teal-50/50 dark:bg-teal-900/20' : ''}`}
>
{/* Header */}
<div className="flex items-center justify-between">
<div className="flex items-center gap-2">
<ModeIcon className="w-4 h-4 text-teal-600 dark:text-teal-400" />
<span className="text-sm font-medium text-navy-950 dark:text-warm-100">
<div className="flex items-start justify-between gap-1">
<div className="flex min-w-0 items-start gap-2">
<ModeIcon className="w-4 h-4 shrink-0 text-teal-600 dark:text-teal-400" />
<span className="min-w-0 flex-1 break-words text-sm font-medium leading-snug text-navy-950 dark:text-warm-100">
{t('travel.travelTime', { mode: modes.label(mode) })}
</span>
</div>
<div className="flex items-center gap-2 md:gap-0.5">
<div className="flex shrink-0 items-center gap-2 md:gap-0.5">
<IconButton onClick={() => setShowInfo(true)} title={t('filters.aboutData')} size="md">
<InfoIcon className="w-5 h-5 md:w-3.5 md:h-3.5" />
</IconButton>
@ -133,8 +133,8 @@ export function TravelTimeCard({
{/* Transit-only toggles — shown when destination is set */}
{slug && mode === 'transit' && (
<div className="flex flex-wrap items-center gap-x-3 gap-y-1.5">
<div className="flex items-center gap-1.5">
<div className="flex flex-wrap items-center gap-x-4 gap-y-1.5">
<div className="flex items-center gap-0.5">
<PillToggle
label={t('travel.bestCase')}
active={useBest}
@ -145,7 +145,7 @@ export function TravelTimeCard({
<InfoIcon className="w-3 h-3" />
</IconButton>
</div>
<div className="flex items-center gap-1.5">
<div className="flex items-center gap-0.5">
<PillToggle
label={t('travel.noChange')}
active={noChange}
@ -156,7 +156,7 @@ export function TravelTimeCard({
<InfoIcon className="w-3 h-3" />
</IconButton>
</div>
<div className="flex items-center gap-1.5">
<div className="flex items-center gap-0.5">
<PillToggle
label={t('travel.noBuses')}
active={noBuses}