diff --git a/app.py b/app.py index 1a61c9c..fd40f62 100644 --- a/app.py +++ b/app.py @@ -121,6 +121,7 @@ def results(slug, travel_date): return render_template( 'results.html', trips=trips, + destinations=DESTINATIONS, destination=destination, travel_date=travel_date, slug=slug, diff --git a/templates/base.html b/templates/base.html index 9fb2584..47c41b5 100644 --- a/templates/base.html +++ b/templates/base.html @@ -140,6 +140,39 @@ transform: translateY(-1px); } + .chip-row { + display: flex; + flex-wrap: wrap; + gap: 0.5rem; + } + + .chip-link, + .chip-current { + display: inline-block; + padding: 0.35rem 0.8rem; + border: 1px solid #cbd5e0; + border-radius: 999px; + font-size: 0.9rem; + text-decoration: none; + } + + .chip-link { + color: #00539f; + background: #fff; + } + + .chip-link:hover { + border-color: #7aa7d9; + background: #f8fbff; + } + + .chip-current { + color: #fff; + background: #00539f; + border-color: #00539f; + font-weight: 600; + } + @media (max-width: 640px) { .card { padding: 1.25rem; diff --git a/templates/results.html b/templates/results.html index 2d925a7..2e39bba 100644 --- a/templates/results.html +++ b/templates/results.html @@ -18,6 +18,21 @@ style="padding:0.3rem 0.75rem;border:1px solid #cbd5e0;border-radius:4px; text-decoration:none;color:#00539f;font-size:0.9rem">Next → +