improve 'find me on' logo style

components/Banner/Logo.vue

@@ -6,7 +6,9 @@
   >
     <v-img
       :src="img"
-      :height="26"
+      :height="height"
+      :min-height="height"
+      :max-height="height"
       :alt="alt"
     />
   </nuxt-link>
@@ -19,9 +21,14 @@ defineProps({
   href: String,
   img: String,
   alt: {
-    type: String as PropType<string, null>,
+    type: String as PropType<string | undefined>,
     required: false,
     default: ''
+  },
+  height: {
+    type: Number as PropType<string | number | undefined>,
+    required: false,
+    default: 26
   }
 })
 </script>

pages/index.vue

@@ -57,13 +57,14 @@
         href="https://stackoverflow.com/users/4279120/olinox14"
         :img="theme.global.name.value === 'light' ? '/images/logos/stackoverflow.svg' : '/images/logos/stackoverflow-dark.svg'"
         :alt="i18n.t('Find me on Stackoverflow')"
-        class="so-logo"
+        :height="30"
       />
 
       <BannerLogo
         href="https://www.linkedin.com/in/olivier-massot-60b87b181"
         img="/images/logos/linkedin.png"
         :alt="i18n.t('Find me on LinkedIn')"
+        :height="22"
       />
 
       <BannerLogo
@@ -93,7 +94,6 @@
 
     <Contact />
   </div>
-
 </template>
 
 <script setup lang="ts">