fix: 画像のスタイル崩れを修正

Author: yamageji

apps/web/app/components/event/EventAsset.vue

@@ -18,9 +18,6 @@ const props = defineProps<EventAssetProps>()
     alt=""
     class="eventcard-image"
     :style="{ marginTop: `${marginTop}px` }"
-    width="920"
-    height="444"
-    fit="cover"
     loading="lazy"
   />
 </template>

apps/web/app/components/event/EventCard.vue

@@ -17,6 +17,7 @@ const props = defineProps<EventCardProps>()
     :title="$t(`event.${title.replaceAll('-', '_')}`)"
     :font-class
     :padding-class
+    class="frame"
   >
     <template #content>
       <div class="eventcard-content">
@@ -34,6 +35,13 @@ const props = defineProps<EventCardProps>()
 <style scoped>
 @import url('~/assets/media.css');
 
+.frame {
+  display: flex;
+  flex-direction: column;
+  align-items: space-between;
+  justify-content: space-between;
+}
+
 .eventcard-content {
   font-size: 16px;
   font-weight: 500;