Enhance : Unification in contributions page

canopas · Jan 26, 2024 · 42ce02f · 42ce02f
1 parent 0da7387
commit 42ce02f
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 0 deletions.
diff --git a/nuxt-frontend/components/contributions/DesktopLanding.vue b/nuxt-frontend/components/contributions/DesktopLanding.vue
@@ -42,13 +42,15 @@
             :src="clapsmall"
             class="w-4 h-[1.125rem]"
             alt="desktop-background-icon"
+            loading="lazy"
           />
           <span class="sub-h3-semibold">315</span>
         </div>
         <img
           :src="heartlike"
           class="ml-0.5 xl:ml-24 xl:ml-12 2xl:ml-40 xll:ml-24 -mt-[3.563rem] xl:-mt-[1.813rem] 2xl:-mt-[3.063rem] w-10 h-10 animate-zoomIn"
           alt="desktop-background-icon"
+          loading="lazy"
         />
       </div>
 
@@ -110,6 +112,7 @@
             :src="dribble"
             class="ml- mt-48 xl:mt-36 w-5 lg:w-7 h-5 lg:h-7 animate-zoomIn"
             alt="desktop-background-icon"
+            loading="lazy"
           />
         </div>
       </div>
@@ -130,6 +133,7 @@
               :src="githubicon"
               class="absolute flex flex-col items-center justify-center w-[4.375rem] h-[4.375rem]"
               alt="background-githubicon"
+              loading="lazy"
             />
             <span
               class="-mt-[1.2rem] xl:-mt-[0.2rem] mobile-header-3-bold text-primary-1"
@@ -153,6 +157,7 @@
             :src="clap"
             class="w-14 h-14 animate-zoomOut"
             alt="desktop-background-icon"
+            loading="lazy"
           />
           <div
             class="flex flex-row gap-x-1.5 items-center justify-center -ml-[1.875rem] lg:ml-5 w-[4.063rem] h-[1.875rem] rounded-full drop-shadow-md from-orange-300 to-pink-300 bg-gradient-[270.11deg] text-center text-white animate-zoomIn"
@@ -161,6 +166,7 @@
               :src="clapsmall"
               class="w-4 h-[1.125rem]"
               alt="desktop-background-icon"
+              loading="lazy"
             />
             <span class="font-inter-semibold">237</span>
           </div>

diff --git a/nuxt-frontend/components/contributions/MobileLanding.vue b/nuxt-frontend/components/contributions/MobileLanding.vue
@@ -10,6 +10,7 @@
           :src="heartlike"
           class="mx-auto -mt-3 h-7 w-7 animate-zoomIn"
           alt="mobile-background-icon"
+          loading="lazy"
         />
 
         <div
@@ -70,6 +71,7 @@
               :src="clapsmall"
               class="h-3.5 w-3"
               alt="desktop-background-icon"
+              loading="lazy"
             />
             <span class="sub-h4-semibold">237</span>
           </div>
@@ -81,6 +83,7 @@
               :src="githubicon"
               class="absolute mt-1 flex h-[3.125rem] w-[3.125rem] flex-col items-center justify-center"
               alt="mobile-background-icon"
+              loading="lazy"
             />
             <span class="-mt-[0.938rem] text-primary-1 sub-h3-bold"> 1K+</span>
             <span class="p-2.5 sub-h4-medium text-black-87">GitHub Stars </span>
@@ -89,6 +92,7 @@
             :src="dribble"
             class="mt-6 h-4 w-4 animate-zoomOut"
             alt="mobile-background-icon"
+            loading="lazy"
           />
         </div>
       </div>