Standardize matchmaking card media height and dark-logo contrast.

Set thumbnail containers to a fixed 178px height and apply a black background for avatar_dark logos so white marks remain visible.

Made-with: Cursor

Author: bernardhanna

resources/js/components/matchmaking/ToolCard.vue

@@ -1,13 +1,13 @@
 <template>
   <div class="flex flex-col bg-white rounded-lg overflow-hidden">
     <div
-      class="flex-shrink-0 flex justify-center items-center w-full"
-      :class="[tool.avatar_dark && 'bg-stone-800']"
+      class="flex-shrink-0 flex justify-center items-center w-full h-[178px]"
+      :class="[tool.avatar_dark ? 'bg-black' : 'bg-white']"
     >
       <img
         :src="tool.avatar || '/images/matchmaking-tool/tool-placeholder.png'"
         :class="[
-          'w-full aspect-[2]',
+          'w-full h-full',
           tool.avatar ? 'object-contain' : 'object-cover',
         ]"
       />