small bugfixes

This commit is contained in:
2023-05-30 20:54:26 +02:00
parent 516dd1b690
commit 8fcd65c153
4 changed files with 19 additions and 9 deletions

View File

@@ -104,7 +104,11 @@ export default [
{ {
path: '/:pathMatch(.*)*', path: '/:pathMatch(.*)*',
name: 'NotFound', name: 'NotFound',
component: () => import( '@/views/404.vue') component: () => import( '@/views/404.vue' ),
meta: {
title: '404 - Page not found :: libreevent',
transition: 'scale',
}
}, },
{ {
path: '/admin/seatplan', path: '/admin/seatplan',

View File

@@ -12,7 +12,7 @@
<h1 class="code">404</h1> <h1 class="code">404</h1>
<h2 class="message">The page you are looking for was not found on the server!</h2> <h2 class="message">The page you are looking for was not found on the server!</h2>
<router-link to="/">Return to home page</router-link> <router-link to="/">Return to home page</router-link>
<a href="https://libreevent.janishutz.com/docs/errors#404">More information on this error</a> <a href="https://libreevent.janishutz.com/docs/errors#404" target="_blank">More information on this error</a>
</div> </div>
</template> </template>

View File

@@ -11,8 +11,8 @@
<div class="order"> <div class="order">
<h1>Order tickets</h1> <h1>Order tickets</h1>
<div class="order-app" v-if="events"> <div class="order-app" v-if="events">
<ul v-for="event in events"> <ul>
<li> <li v-for="event in events">
<router-link to="/tickets/details" class="ticket" @click="setActiveTicket( event.eventID );"> <router-link to="/tickets/details" class="ticket" @click="setActiveTicket( event.eventID );">
<div class="ticket-name"> <div class="ticket-name">
<h3>{{ event.name }}</h3> <h3>{{ event.name }}</h3>

View File

@@ -13,12 +13,14 @@
<!-- TODO: Move to per event settings --> <!-- TODO: Move to per event settings -->
<table class="settings-toggles"> <table class="settings-toggles">
<tr class="settings-option" v-for="setting in settings"> <tr class="settings-option" v-for="setting in settings">
<td class="info-wrapper" @mouseenter="showInfo( setting.id )" @mouseleave="hideInfo( setting.id )"> <td class="info-wrapper">
{{ setting.display }} {{ setting.display }}
<span class="material-symbols-outlined info-icon">info</span> <div class="info-container" @mouseenter="showInfo( setting.id )" @mouseleave="hideInfo( setting.id )">
<div class="info-box" :id="setting.id"> <span class="material-symbols-outlined info-icon">info</span>
<div class="info-box-container"> <div class="info-box" :id="setting.id">
{{ setting.tooltip }} <div class="info-box-container">
{{ setting.tooltip }}
</div>
</div> </div>
</div> </div>
</td> </td>
@@ -78,6 +80,10 @@
position: relative; position: relative;
} }
.info-container {
display: inline;
}
.info-icon { .info-icon {
font-size: 100%; font-size: 100%;
cursor: default; cursor: default;