From dbce8b096e6371bd0c38f56ecaf0c1545a5d113a Mon Sep 17 00:00:00 2001
From: les <lesion@autistici.org>
Date: Fri, 19 Mar 2021 12:01:37 +0100
Subject: [PATCH] cleaning embed event list

---
 assets/style.less    | 14 ++++++++++++++
 components/List.vue  | 22 +++++++++++++++-------
 layouts/iframe.vue   |  9 +++++----
 pages/embed/list.vue |  7 +------
 4 files changed, 35 insertions(+), 17 deletions(-)

diff --git a/assets/style.less b/assets/style.less
index 7c853979..8d986ba3 100644
--- a/assets/style.less
+++ b/assets/style.less
@@ -32,4 +32,18 @@ li {
 
 .container {
   max-width: 1400px;
+}
+
+.v-dialog {
+  width: 600px;
+  max-width: 800px;
+}
+
+.theme--dark.v-list {
+  background-color: #333;
+}
+
+.v-autocomplete__content.v-menu__content {
+  scrollbar-width: thin;
+  scrollbar-color: #FF4511 #111;
 }
\ No newline at end of file
diff --git a/components/List.vue b/components/List.vue
index 0c27a226..7984c837 100644
--- a/components/List.vue
+++ b/components/List.vue
@@ -1,13 +1,18 @@
 <template lang='pug'>
 div#list
-  p(v-if='title') {{title}}
-  v-timeline(dense)
-    v-timeline-item(
+  v-list(dense)
+    v-list-item
+      h3(v-if='title') {{title}}
+    v-list-item(
+      target='_blank'
+      :to='`/event/${event.id}`'
       v-for='event in computedEvents'
-      :key='`${event.id}_${event.start_datetime}`')
-      .text-subtitle <v-icon small color='success' v-if='event.parentId'>mdi-repeat</v-icon> {{event|when}}
-        .text-subtitle.float-right @{{event.place.name}}
-      a.text-body-1(:href='`/event/${event.id}`' target='_blank') {{event.title}}
+      :key='`${event.id}_${event.start_datetime}`' small)
+      v-list-item-content
+        v-list-item-subtitle <v-icon small color='success' v-if='event.parentId'>mdi-repeat</v-icon> {{event|when}}
+          span.primary--text.ml-1 @{{event.place.name}}
+        v-list-item-title(v-text='event.title')
+      //- a.text-body-1(:href='`/event/${event.id}`' target='_blank') {{event.title}}
 </template>
 <script>
 
@@ -57,5 +62,8 @@ export default {
   #list {
     max-width: 500px;
     margin: 0 auto;
+    .v-list-item__title {
+      white-space: normal !important;
+    }
   }
 </style>
diff --git a/layouts/iframe.vue b/layouts/iframe.vue
index 5b7dff00..1c4a03d0 100644
--- a/layouts/iframe.vue
+++ b/layouts/iframe.vue
@@ -1,8 +1,9 @@
-<template>
-  <nuxt />
+<template lang='pug'>
+  v-app#iframe
+    nuxt
 </template>
 <style lang='less'>
-  html, body {
-    background-color: transparent;
+  #iframe.v-application {
+    background-color: transparent !important;
 }
 </style>
diff --git a/pages/embed/list.vue b/pages/embed/list.vue
index 90bd02e4..78f698f6 100644
--- a/pages/embed/list.vue
+++ b/pages/embed/list.vue
@@ -5,13 +5,8 @@
 import List from '../../components/List'
 
 export default {
-  layout: 'iframe',
   components: { List },
-  data () {
-    return {
-      title: ''
-    }
-  },
+  layout: 'iframe',
   async asyncData ({ query, $axios }) {
     const title = query.title
     const tags = query.tags