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
// w & h are normalised
let offsets = {};
console.log( this.data.seatInfo );
if ( this.data.seatInfo ) {
for ( let element in this.data.seatInfo.data[ this.data.sector ] ) {
if ( element < this.data.seatNumbering ) {

View File

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