From 8ee5c62b72a6240520a5697ee471225dae83037a Mon Sep 17 00:00:00 2001
From: ivanosquis10 <ivanosquis10.12@gmail.com>
Date: Tue, 23 Jan 2024 17:38:10 -0400
Subject: [PATCH] =?UTF-8?q?=F0=9F=93=A6=20Added=20height=20and=20width=20p?=
 =?UTF-8?q?roperties=20for=20img=20tags=20containing=20svgs?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/svgCard.svelte | 12 ++++++++++++
 1 file changed, 12 insertions(+)

diff --git a/src/components/svgCard.svelte b/src/components/svgCard.svelte
index d5a0137..888c497 100644
--- a/src/components/svgCard.svelte
+++ b/src/components/svgCard.svelte
@@ -132,6 +132,10 @@
   // Icon Stroke & Size:
   let iconStroke = 1.8;
   let iconSize = 16;
+
+  // Width & Height of <img>:
+  const width = 40;
+  const height = 40;
 </script>
 
 <CardSpotlight>
@@ -146,6 +150,8 @@
         alt={svgInfo.title}
         title={svgInfo.title}
         loading="lazy"
+        {width}
+        {height}
       />
       <img
         class="block dark:hidden mb-4 mt-2 h-10"
@@ -155,6 +161,8 @@
         alt={svgInfo.title}
         title={svgInfo.title}
         loading="lazy"
+        {width}
+        {height}
       />
     {:else}
       <img
@@ -163,6 +171,8 @@
         alt={svgInfo.title}
         title={svgInfo.title}
         loading="lazy"
+        {width}
+        {height}
       />
       <img
         class="block dark:hidden mb-4 mt-2 h-10"
@@ -170,6 +180,8 @@
         alt={svgInfo.title}
         title={svgInfo.title}
         loading="lazy"
+        {width}
+        {height}
       />
     {/if}
     <!-- Title -->