improve index/tag/place layout

This commit is contained in:
lesion
2023-03-27 17:19:27 +02:00
parent 0682feaaf8
commit f960400085
4 changed files with 11 additions and 11 deletions

View File

@@ -1,11 +1,11 @@
<template>
<v-container class='px-2 px-sm-6 pt-0' fluid>
<v-container id='home' class='px-2 px-sm-6 pt-0' fluid>
<h1 class='d-block text-h3 font-weight-black text-center text-uppercase mt-10 mb-16 mx-auto w-100 text-underline'><u>{{tag}}</u></h1>
<!-- Events -->
<div class="mb-2 mt-1 pl-1 pl-sm-2" id="events">
<v-lazy class='event' :value='idx<9' v-for='(event, idx) in events' :key='event.id' :min-height='hide_thumbs ? 105 : undefined' :options="{ threshold: .5, rootMargin: '500px' }">
<v-lazy class='event v-card' :value='idx<9' v-for='(event, idx) in events' :key='event.id' :min-height='hide_thumbs ? 105 : undefined' :options="{ threshold: .5, rootMargin: '500px' }" :class="{ 'theme--dark': is_dark }">
<Event :event='event' :lazy='idx>9' />
</v-lazy>
</div>
@@ -32,7 +32,7 @@ export default {
},
computed: {
...mapState(['settings']),
...mapGetters(['hide_thumbs']),
...mapGetters(['hide_thumbs', 'is_dark']),
},
async asyncData ({ $axios, params, error }) {
try {