keep going fixing vuetify

components/Event.vue

@@ -1,10 +1,10 @@
 <template lang="pug">
   v-card.h-event.event.mt-1
     nuxt-link(:to='`/event/${event.id}`')
-      v-img(:src="`/media/thumb/${event.image_path}`"
-        gradient="to bottom, rgba(0,0,0,.1), rgba(0,0,0,.7)"
+      v-img.align-end(:src="`/media/thumb/${event.image_path}`"
+        gradient="to bottom, rgba(255,255,255,.1), rgba(255,255,255,.9)"
         height="250" position="top top"
-        class="white--text align-end")
+        :class="settings['theme.is_dark']?'light--text':'dark--text'")
         v-card-title {{event.title}}
     //- v-list-item
       v-list-item-content

components/List.vue

@@ -1,18 +1,13 @@
 <template lang='pug'>
 div#list
   p(v-if='title') {{title}}
-  v-timeline
+  v-timeline(dense)
     v-timeline-item(
       v-for='event in events'
-      :key='`${event.id}_${event.start_datetime}`'
-      :timestamp='event|when'
-      placement='top' icon='el-icon-arrow-down' size='large')
-
-      div.float-right
-        small @{{event.place.name}}
-
+      :key='`${event.id}_${event.start_datetime}`')
+      div {{event|when}}
       a(:href='`/event/${event.id}`' target='_blank') {{event.title}}
-      hr
+      small.float-right @{{event.place.name}}
 </template>
 <script>
 

components/admin/Moderation.vue

@@ -42,7 +42,7 @@
 
     div
       //- el-divider {{$t('common.resources')}}
-      v-table(:data='paginatedResources' small :row-style='resourceStyle')
+      v-data-table(:data='resources')
         //- el-table-column(:label="$t('common.event')")
         //-   template(slot-scope='data')
         //-     span {{data.row.event}}
@@ -64,7 +64,6 @@
 </template>
 <script>
 import { mapState, mapActions } from 'vuex'
-import { MessageBox } from 'element-ui'
 
 export default {
   name: 'Moderation',

components/admin/Theme.vue

@@ -45,9 +45,14 @@ export default {
     primary_color: {
       get () { return this.settings['theme.primary'] },
       set (value) {
-        // this.$vuetify.theme.themes.dark.primary = value.hex
-        this.$vuetify.theme.themes.light.primary = value.hex
-        this.setSetting({ key: 'theme.primary', value: value.hex })
+        if (!value) { return }
+        if (this.settings['theme.is_dark']) {
+          this.$vuetify.theme.themes.dark.primary = value
+        } else {
+          this.$vuetify.theme.themes.light.primary = value
+        }
+        // this.$vuetify.theme.themes.light.primary = value.hex
+        // this.setSetting({ key: 'theme.primary', value: value.hex })
       }
     }
   },