more mobile optimizations

This commit is contained in:
2023-09-23 11:13:47 +02:00
parent 009cf4aaf0
commit e858daae64
2 changed files with 14 additions and 22 deletions

View File

@@ -75,7 +75,6 @@ export default {
// Size of seat at scale 1 is 32px // Size of seat at scale 1 is 32px
// w & h are normalised // w & h are normalised
let offsets = {}; let offsets = {};
console.log( this.data.seatInfo );
if ( this.data.seatInfo ) { if ( this.data.seatInfo ) {
for ( let element in this.data.seatInfo.data[ this.data.sector ] ) { for ( let element in this.data.seatInfo.data[ this.data.sector ] ) {
if ( element < this.data.seatNumbering ) { if ( element < this.data.seatNumbering ) {

View File

@@ -11,22 +11,20 @@
<div class="order"> <div class="order">
<h1>Order tickets</h1> <h1>Order tickets</h1>
<div class="order-app" v-if="Object.keys( orderedEvents ).length"> <div class="order-app" v-if="Object.keys( orderedEvents ).length">
<ul> <div v-for="event in orderedEvents" style="width: 80%;">
<li v-for="event in orderedEvents"> <router-link to="/tickets/details" class="ticket" @click="setActiveTicket( event.eventID );">
<router-link to="/tickets/details" class="ticket" @click="setActiveTicket( event.eventID );"> <img :src="event.logo" alt="event logo" class="ticket-logo">
<img :src="event.logo" alt="event logo" class="ticket-logo"> <div class="ticket-name">
<div class="ticket-name"> <h3>{{ event.name }}</h3>
<h3>{{ event.name }}</h3> <p>{{ event.description }}</p>
<p>{{ event.description }}</p> </div>
</div> <div class="ticket-info">
<div class="ticket-info"> <p>Free seats: {{ event.free }} / {{ event.totalSeats }}</p>
<p>Free seats: {{ event.free }} / {{ event.totalSeats }}</p> <p>{{ event.locationName }}, {{ event.dateString }}</p>
<p>{{ event.locationName }}, {{ event.dateString }}</p> <h4>Starting at {{ event.currency }} {{ event.startingPrice }}</h4>
<h4>Starting at {{ event.currency }} {{ event.startingPrice }}</h4> </div>
</div> </router-link>
</router-link> </div>
</li>
</ul>
</div> </div>
<div class="order-app" v-else> <div class="order-app" v-else>
No future events are available! No future events are available!
@@ -44,11 +42,6 @@
flex-direction: column; flex-direction: column;
} }
ul {
list-style: none;
width: 80%;
}
.ticket { .ticket {
display: flex; display: flex;
align-items: center; align-items: center;