TopherMayor/cabo-voting-app
1
0
Fork 0
Code Issues 11 Pull Requests Actions Packages Projects Releases Wiki Activity

Surface flight search shortcuts

Browse Source
This commit is contained in:
TopherMayor
2026-04-30 21:29:10 -07:00
parent 86733522eb
commit 1674930435
1 changed files with 38 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

38
public/index.html
View File

@@ -177,6 +177,36 @@
.provider-tab.active-yelp { color: #ff6b35; background: rgba(255,107,53,0.12); } .provider-tab.active-yelp { color: #ff6b35; background: rgba(255,107,53,0.12); }
.provider-tab.active-osm { color: #fbbf24; background: rgba(251,191,36,0.10); } .provider-tab.active-osm { color: #fbbf24; background: rgba(251,191,36,0.10); }
.provider-tab.active-all { color: #00d4ff; background: rgba(0,212,255,0.08); } .provider-tab.active-all { color: #00d4ff; background: rgba(0,212,255,0.08); }
.flight-shortcuts {
display: flex;
flex-wrap: wrap;
gap: 6px;
padding: 8px 10px 10px;
border-top: 1px solid #252a38;
background: rgba(9,11,16,0.55);
}
.flight-shortcut-btn {
border: 1px solid #252a38;
background: rgba(255,255,255,0.03);
color: #c9d2e3;
font-size: 0.67rem;
font-weight: 700;
letter-spacing: 0.2px;
border-radius: 999px;
padding: 5px 9px;
cursor: pointer;
transition: all 0.15s ease;
}
.flight-shortcut-btn:hover {
border-color: #00d4ff;
color: #ffffff;
background: rgba(0,212,255,0.08);
}
.flight-shortcut-btn.primary {
border-color: rgba(0,212,255,0.45);
color: #7de3ff;
background: rgba(0,212,255,0.08);
}
#map-search-btn { #map-search-btn {
border: none; border: none;
background: transparent; background: transparent;
@@ -1569,6 +1599,14 @@
</div> </div>
<button id="map-search-btn" onclick="mapDoSearch()">→</button> <button id="map-search-btn" onclick="mapDoSearch()">→</button>
</div> </div>
<div class="flight-shortcuts" aria-label="Flight search shortcuts">
<button class="flight-shortcut-btn primary" onclick="quickBook('flights-google')">Google Flights</button>
<button class="flight-shortcut-btn" onclick="quickBook('flights-kayak')">KAYAK</button>
<button class="flight-shortcut-btn" onclick="quickBook('flights-united')">United</button>
<button class="flight-shortcut-btn" onclick="quickBook('flights-delta')">Delta</button>
<button class="flight-shortcut-btn" onclick="quickBook('flights-alaska')">Alaska</button>
<button class="flight-shortcut-btn" onclick="quickBook('flights-expedia')">Expedia</button>
</div>
<div id="map-search-results"></div> <div id="map-search-results"></div>
<!-- Row 2: Category filters --> <!-- Row 2: Category filters -->
<div class="map-filter-row"> <div class="map-filter-row">