From 7c75ac3e56e6688b0a41e968de2e1512f9592a1e Mon Sep 17 00:00:00 2001
From: lesion <lesion@autistici.org>
Date: Mon, 9 May 2022 16:31:53 +0200
Subject: [PATCH] myPicture without js

---
 components/MyPicture.vue | 18 ++++--------------
 1 file changed, 4 insertions(+), 14 deletions(-)

diff --git a/components/MyPicture.vue b/components/MyPicture.vue
index b038b0e0..812e8ae9 100644
--- a/components/MyPicture.vue
+++ b/components/MyPicture.vue
@@ -1,23 +1,17 @@
 <template>
-<div :class='{ thumb, img: true }' 
-    :height="height" :width="width"
-    :style="backgroundPreview">
-
+  <div :class='{ img: true, thumb }'>
     <img 
       v-if='media' 
-      :class='{ "u-featured": true, loading: true }'
+      :class='{ "u-featured": true }'
       :alt='media.name' :loading='lazy?"lazy":"eager"'
       :src="src"
       :srcset="srcset"
       itemprop="image"
       :height="height" :width="width"
-      :style="{ 'object-position': thumbnailPosition }"
-      onload="this.classList.remove('loading')">
+      :style="{ 'object-position': thumbnailPosition }">
 
     <img v-else-if='!media && thumb' class='thumb' src="noimg.svg" alt=''>
-
-
-</div>
+  </div>
 </template>
 <script>
 
@@ -100,8 +94,4 @@ export default {
   aspect-ratio: 1.7778;
 }
 
-.img img.loading {
-  opacity: 0.1;
-}
-
 </style>
\ No newline at end of file