event cover and share

Author: razbakov

components/TCover.vue

@@ -1,16 +1,8 @@
 <template>
   <div>
-    <TIcon
-      v-if="!src"
-      :name="fallback"
-      :style="`width: ${width}px; height: ${height}px;`"
-    />
-    <img
-      v-else
-      :src="src"
-      :style="`width: ${width}px; height: ${height}px;`"
-      alt="Cover photo"
-    />
+    <div class="bg-gray-900" :style="`width: ${width}px; height: ${height}px;`">
+      <img v-if="src" :src="src" class="w-full" alt="Cover photo" />
+    </div>
   </div>
 </template>
 

pages/events/_id/index.vue

@@ -66,9 +66,8 @@
         class="grid grid-cols-1"
         :class="$route.query.variant ? 'md:grid-cols-2' : ''"
       >
-        <div v-if="doc.cover" class="relative aspect-square overflow-hidden">
-          <img :src="doc.cover" :alt="doc.name" class="absolute w-full" />
-          <div class="square bg-indigo-500"></div>
+        <div v-if="doc.cover" class="relative overflow-hidden">
+          <img :src="doc.cover" :alt="doc.name" class="w-full" />
         </div>
 
         <div class="md:border-l">