Fix: Shuttle UI and offer favorites removal

This commit is contained in:
2026-02-25 12:30:28 -05:00
parent ad9bafe63d
commit c449083171
2 changed files with 3 additions and 33 deletions

View File

@ -288,7 +288,7 @@ function getShiftLabel(shift: string) {
:ref="el => setShuttleRef(el, shuttle.id)"
class="shuttle-card"
:class="{ expanded: expandedShuttleId === shuttle.id }"
:style="{ backgroundImage: `url(${shuttle.image_url || 'https://images.unsplash.com/photo-1544620347-c4fd4a3d5957?auto=format&fit=crop&q=80&w=2069'})` }"
:style="{ backgroundImage: `url(${getImageUrl(shuttle.image_url)})` }"
@click="() => {
expandedShuttleId = expandedShuttleId === shuttle.id ? null : shuttle.id;
if (expandedShuttleId === shuttle.id) {
@ -303,20 +303,7 @@ function getShiftLabel(shift: string) {
<span class="material-icons">business</span>
{{ shuttle.company_name }}
</div>
<div class="price-pill">
<span class="currency">$</span>
<span class="amount">{{ shuttle.price_per_person }}</span>
<span class="price-pill-label">/p</span>
</div>
<div class="shuttle-fav-wrap" @click.stop>
<FavoriteButton
item-type="route"
:item-id="shuttle.id"
:item-name="shuttle.route_name"
:item-image="shuttle.image_url || undefined"
/>
</div>
</div>
</div> <!-- Close shuttle-header-mini -->
<div class="shuttle-route-compact" v-if="shuttle.origin && shuttle.destination">
<span class="route-text">{{ shuttle.origin }}</span>
@ -333,7 +320,7 @@ function getShiftLabel(shift: string) {
<span class="material-icons">{{ expandedShuttleId === shuttle.id ? 'expand_less' : 'expand_more' }}</span>
</div>
</div>
</div>
</div> <!-- Close shuttle-main-info -->
<!-- EXPANDED CONTENT -->
<div class="shuttle-details" v-if="expandedShuttleId === shuttle.id" @click.stop>