mirror of
https://github.com/janishutz/libreevent.git
synced 2025-11-25 05:14:23 +00:00
more mobile optimizations
This commit is contained in:
@@ -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 ) {
|
||||||
|
|||||||
@@ -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;
|
||||||
|
|||||||
Reference in New Issue
Block a user