Fix: Shuttle UI and offer favorites removal
This commit is contained in:
@ -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>
|
||||
|
||||
Reference in New Issue
Block a user