Merge branch 'fix/some-perf-fix' into 'develop'

fix lazy loading + css fix

See merge request geovisio/website!97

src/components/License.vue

@@ -1,20 +1,22 @@
 <template>
   <div class="icon-block">
     <slot></slot>
-    <p class="license-text">
-      {{
-        $t('pages.share_pictures.information_text2', {
-          word: 'la licence'
-        })
-      }}
-    </p>
-    <Link
-      :href="url"
-      :text="text"
-      target="_blank"
-      type="external"
-      look="link--grey"
-    />
+    <div class="text-block">
+      <p class="license-text">
+        {{
+          $t('pages.share_pictures.information_text2', {
+            word: 'la licence'
+          })
+        }}
+      </p>
+      <Link
+        :href="url"
+        :text="text"
+        target="_blank"
+        type="external"
+        look="link--grey"
+      />
+    </div>
   </div>
 </template>
 
@@ -31,6 +33,11 @@ defineProps({
   display: flex;
   font-weight: 600;
 }
+.text-block {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+}
 .license-text {
   font-weight: bold;
   margin-right: toRem(0.5);

src/views/MySequencesView.vue

@@ -84,7 +84,7 @@
               <img
                 v-if="item['stats:items'].count > 0"
                 :src="`${item.href}/thumb.jpg`"
-                lazy="loading"
+                loading="lazy"
                 alt=""
                 class="thumb"
               />
@@ -92,7 +92,7 @@
                 <img
                   v-if="item['stats:items'].count > 0"
                   :src="`${item.href}/thumb.jpg`"
-                  lazy="loading"
+                  loading="lazy"
                   alt=""
                   class="thumb-hover"
                 />

src/views/SharePicturesView.vue

@@ -282,7 +282,12 @@ ul {
 .entry-information-card {
   margin-top: toRem(2);
 }
+.icon-block {
+  display: flex;
+  align-items: center;
+}
 .icon-block-img {
+  height: toRem(2);
   margin-right: toRem(0.5);
 }
 .about-subtitle {