fix: イベント画像の表示崩れを修正

yamageji · yamageji · commit 26344c2bd273 · 2024-09-30T12:49:03.000+09:00
diff --git a/apps/web/app/components/event/EventMultipleAssets.vue b/apps/web/app/components/event/EventMultipleAssets.vue
@@ -45,14 +45,10 @@ const props = defineProps<EventMultipleAssetsProps>()
   }
 }
 
-.eventcard-images ::v-deep(img) {
-  padding: 0;
-  margin: 0 auto;
-  height: var(--head-img-height);
-}
-
 .image {
+  height: var(--head-img-height);
   width: auto;
-  height: 100%;
+  padding: 0;
+  margin: 0 auto;
 }
 </style>

Original file line number	Diff line number	Diff line change
`@@ -45,14 +45,10 @@ const props = defineProps<EventMultipleAssetsProps>()`
`45`	`45`	`}`
`46`	`46`	`}`
`47`	`47`
`48`		`-.eventcard-images ::v-deep(img) {`
`49`		`- padding: 0;`
`50`		`- margin: 0 auto;`
`51`		`- height: var(--head-img-height);`
`52`		`-}`
`53`		`-`
`54`	`48`	`.image {`
	`49`	`+ height: var(--head-img-height);`
`55`	`50`	`width: auto;`
`56`		`- height: 100%;`
	`51`	`+ padding: 0;`
	`52`	`+ margin: 0 auto;`
`57`	`53`	`}`
`58`	`54`	`</style>`