From f96040008575f53e6a21fbecaf2049594898e625 Mon Sep 17 00:00:00 2001
From: lesion <lesion@autistici.org>
Date: Mon, 27 Mar 2023 17:19:27 +0200
Subject: [PATCH] improve index/tag/place layout

---
 components/Event.vue   | 2 +-
 pages/index.vue        | 8 ++++----
 pages/place/_place.vue | 6 +++---
 pages/tag/_tag.vue     | 6 +++---
 4 files changed, 11 insertions(+), 11 deletions(-)

diff --git a/components/Event.vue b/components/Event.vue
index 14677d7c..08288cfb 100644
--- a/components/Event.vue
+++ b/components/Event.vue
@@ -1,5 +1,5 @@
 <template lang="pug">
-div.d-flex.flex-column.flex-grow-1(itemscope itemtype="https://schema.org/Event")
+div.h-event(itemscope itemtype="https://schema.org/Event")
   nuxt-link(:to='`/event/${event.slug || event.id}`' itemprop="url")
     MyPicture(v-if='!hide_thumbs' :event='event' thumb :lazy='lazy')
     v-icon.float-right.mr-1(v-if='event.parentId' color='success' v-text='mdiRepeat')
diff --git a/pages/index.vue b/pages/index.vue
index a17bcd15..e85777a1 100644
--- a/pages/index.vue
+++ b/pages/index.vue
@@ -1,5 +1,5 @@
 <template lang="pug">
-v-container.px-2.px-sm-6.pt-0
+v-container.px-2.px-sm-6.pt-0#home
 
   //- View
   #themeview.mt-sm-4.mt-2
@@ -11,8 +11,8 @@ v-container.px-2.px-sm-6.pt-0
 
   //- Events
   #events.mt-sm-4.mt-2(v-if='!$fetchState.pending')
-    v-lazy.event(:value='idx<9' v-for='(event, idx) in visibleEvents' :key='event.id' :min-height='hide_thumbs ? 105 : undefined' :options="{ threshold: .5, rootMargin: '500px' }")
-      Event(:event='event' :lazy='idx<9')
+    v-lazy.event.v-card(:value='idx<9' v-for='(event, idx) in visibleEvents' :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')
   .text-center(v-else)
     v-progress-circular.justify-center.align-center(color='primary' indeterminate model-value='20')
 
@@ -75,7 +75,7 @@ export default {
   },
   computed: {
     ...mapState(['settings', 'announcements', 'events', 'filter']),
-    ...mapGetters(['hide_thumbs']),
+    ...mapGetters(['hide_thumbs', 'is_dark']),
     visibleEvents () {
       const now = this.$time.nowUnix()
       if (this.selectedDay) {
diff --git a/pages/place/_place.vue b/pages/place/_place.vue
index 13cfb69e..d37abde9 100644
--- a/pages/place/_place.vue
+++ b/pages/place/_place.vue
@@ -1,5 +1,5 @@
 <template>
-  <v-container class='px-2 px-sm-6 pt-0'>
+  <v-container id='home' class='px-2 px-sm-6 pt-0'>
     <h1 class='d-block text-h4 font-weight-black text-center text-uppercase mt-10 mx-auto w-100 text-underline'>
       <u>{{ place.name }}</u>
     </h1>
@@ -7,7 +7,7 @@
 
     <!-- Events -->
     <div 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>
@@ -33,7 +33,7 @@ export default {
   },
   computed: {
     ...mapState(['settings']),
-    ...mapGetters(['hide_thumbs']),
+    ...mapGetters(['hide_thumbs', 'is_dark']),
   },
   asyncData({ $axios, params, error }) {
     try {
diff --git a/pages/tag/_tag.vue b/pages/tag/_tag.vue
index d87b7a65..1292f9f8 100644
--- a/pages/tag/_tag.vue
+++ b/pages/tag/_tag.vue
@@ -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 {