From 9b6917e066c1de6a8d10e1bb9ee0fb0081c42eb2 Mon Sep 17 00:00:00 2001
From: NotXia <35894453+NotXia@users.noreply.github.com>
Date: Sat, 17 Aug 2024 15:54:59 +0200
Subject: [PATCH] Add ProjectCard image class parameter

---
 components/projects/ProjectCard.vue   | 3 ++-
 components/projects/cards/WaveMap.vue | 2 +-
 2 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/components/projects/ProjectCard.vue b/components/projects/ProjectCard.vue
index c88e71a..890af4e 100644
--- a/components/projects/ProjectCard.vue
+++ b/components/projects/ProjectCard.vue
@@ -14,7 +14,7 @@
                 <p class="w-full text-lg whitespace-pre-wrap mb-2 text-gray-500 dark:text-gray-400">
                     <slot></slot>
                 </p>
-                <img v-if="props.image" :src="props.image" alt="" class="max-w-full max-h-96 mx-auto">
+                <img v-if="props.image" :src="props.image" alt="" :class="`max-w-full max-h-96 mx-auto ${image_classes}`">
             </div>
         </div>
     </div>
@@ -29,6 +29,7 @@
         subtitle: { type: String, required: false },
         links: Object as PropType<{ label: string, url: string }[]>,
         image: String,
+        image_classes: { type: String, required: false, default: "" },
         wip: { type: Boolean, required: false }
     });
 </script>
\ No newline at end of file
diff --git a/components/projects/cards/WaveMap.vue b/components/projects/cards/WaveMap.vue
index ea6c277..933e11f 100644
--- a/components/projects/cards/WaveMap.vue
+++ b/components/projects/cards/WaveMap.vue
@@ -1,6 +1,6 @@
 <template>
     <ProjectCard 
-        title="WaveMap" :image="image"
+        title="WaveMap" :image="image" image_classes="!max-h-[32rem]"
         :links="[ 
             { label: 'Repository', url: 'https://github.com/NotXia/wave-map' },
         ]">