From d5ef79b753c4d2ef0e394c8640faff770f2640f4 Mon Sep 17 00:00:00 2001
From: pheralb <pablohdez4340@gmail.com>
Date: Wed, 24 Jan 2024 12:35:07 +0000
Subject: [PATCH] =?UTF-8?q?=F0=9F=8E=A8=20Design=20improvemens=20+=20remov?=
 =?UTF-8?q?e=20unused=20code=20on=20cards?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/svgCard.svelte | 21 +++++----------------
 1 file changed, 5 insertions(+), 16 deletions(-)

diff --git a/src/components/svgCard.svelte b/src/components/svgCard.svelte
index b0598d9..a309c7f 100644
--- a/src/components/svgCard.svelte
+++ b/src/components/svgCard.svelte
@@ -6,6 +6,7 @@
   import jszip from 'jszip';
 
   // Utils:
+  import { cn } from '@/utils/cn';
   import { MIMETYPE, getSvgContent } from '@/utils/getSvgContent';
   import { flyAndScale } from '@/utils/flyAndScale';
 
@@ -146,10 +147,6 @@
   // Icon Stroke & Size:
   let iconStroke = 1.8;
   let iconSize = 16;
-
-  // Width & Height of <img>:
-  const width = 40;
-  const height = 40;
 </script>
 
 <CardSpotlight>
@@ -157,45 +154,37 @@
     <!-- Image -->
     {#if wordmarkSvg == true}
       <img
-        class="hidden dark:block mb-4 mt-2 h-10"
+        class="hidden dark:block mb-4 mt-2 max-h-10 h-auto"
         src={typeof svgInfo.wordmark !== 'string'
           ? svgInfo.wordmark?.dark || ''
           : svgInfo.wordmark || ''}
         alt={svgInfo.title}
         title={svgInfo.title}
         loading="lazy"
-        {width}
-        {height}
       />
       <img
-        class="block dark:hidden mb-4 mt-2 h-10"
+        class="block dark:hidden mb-4 mt-2 max-h-10 h-auto"
         src={typeof svgInfo.wordmark !== 'string'
           ? svgInfo.wordmark?.light || ''
           : svgInfo.wordmark || ''}
         alt={svgInfo.title}
         title={svgInfo.title}
         loading="lazy"
-        {width}
-        {height}
       />
     {:else}
       <img
-        class="hidden dark:block mb-4 mt-2 h-10"
+        class={cn('hidden dark:block mb-4 mt-2 max-h-10')}
         src={typeof svgInfo.route !== 'string' ? svgInfo.route.dark : svgInfo.route}
         alt={svgInfo.title}
         title={svgInfo.title}
         loading="lazy"
-        {width}
-        {height}
       />
       <img
-        class="block dark:hidden mb-4 mt-2 h-10"
+        class={cn('block dark:hidden mb-4 mt-2 max-h-10')}
         src={typeof svgInfo.route !== 'string' ? svgInfo.route.light : svgInfo.route}
         alt={svgInfo.title}
         title={svgInfo.title}
         loading="lazy"
-        {width}
-        {height}
       />
     {/if}
     <!-- Title -->