fix: 個人スポンサーの画像スタイルを修正

yamageji · yamageji · commit 5182508b77b7 · 2024-09-30T15:54:27.000+09:00
diff --git a/packages/ui/components/sponsor/MeritCard.vue b/packages/ui/components/sponsor/MeritCard.vue
@@ -41,7 +41,8 @@ const props = defineProps<MeritProps>()
 }
 
 .image {
-  text-align: center;
+  width: 100%;
+  height: auto;
 }
 
 .merit-item {
@@ -80,11 +81,13 @@ const props = defineProps<MeritProps>()
   .merit-card {
     width: 343px;
     height: 228px;
+    padding-bottom: 0;
   }
 
   .image {
     margin: 0 auto;
-    width: 343px;
+    width: 100%;
+    height: 100%;
     display: flex;
     justify-content: center;
   }

Original file line number	Diff line number	Diff line change
`@@ -41,7 +41,8 @@ const props = defineProps<MeritProps>()`
`41`	`41`	`}`
`42`	`42`
`43`	`43`	`.image {`
`44`		`- text-align: center;`
	`44`	`+ width: 100%;`
	`45`	`+ height: auto;`
`45`	`46`	`}`
`46`	`47`
`47`	`48`	`.merit-item {`
`@@ -80,11 +81,13 @@ const props = defineProps<MeritProps>()`
`80`	`81`	`.merit-card {`
`81`	`82`	`width: 343px;`
`82`	`83`	`height: 228px;`
	`84`	`+ padding-bottom: 0;`
`83`	`85`	`}`
`84`	`86`
`85`	`87`	`.image {`
`86`	`88`	`margin: 0 auto;`
`87`		`- width: 343px;`
	`89`	`+ width: 100%;`
	`90`	`+ height: 100%;`
`88`	`91`	`display: flex;`
`89`	`92`	`justify-content: center;`
`90`	`93`	`}`