chore: aspect

ubugeeei · ubugeeei · commit f450c18d7066 · 2025-08-24T01:05:55.000+09:00
diff --git a/app/components/SponsorGrid.vue b/app/components/SponsorGrid.vue
@@ -79,5 +79,6 @@ const localeRoute = useLocaleRoute();
   width: 100%;
   height: auto;
   object-fit: contain;
+  aspect-ratio: 250 / 109;
 }
 </style>
diff --git a/app/pages/_components/SectionAccess.vue b/app/pages/_components/SectionAccess.vue
@@ -62,6 +62,7 @@ const { locale, t } = useI18n();
   }
   img {
     width: 100%;
+    aspect-ratio: 342 / 227;
   }
 }
 </style>
diff --git a/app/pages/event/index.vue b/app/pages/event/index.vue
@@ -381,9 +381,10 @@ useSeoMeta({
       margin-top: 4.75rem;
     }
   }
-
 }
-.discussion-event,.student-support-event{
+
+.discussion-event,
+.student-support-event {
   :deep(h3) {
     font-size: 1.125rem;
     line-height: 1.5;
diff --git a/app/pages/sponsors/[sponsorId]/index.vue b/app/pages/sponsors/[sponsorId]/index.vue
@@ -174,12 +174,17 @@ defineOgImage({
   }
 }
 
-.sponsor-images{
+.sponsor-images {
   display: grid;
   width: fit-content;
   max-width: 400px;
   margin: 0 auto;
-  .name{
+
+  img {
+    aspect-ratio: 399.983 / 224.792;
+  }
+
+  .name {
     margin-top: 1rem;
   }
 }

Original file line number	Diff line number	Diff line change
`@@ -79,5 +79,6 @@ const localeRoute = useLocaleRoute();`
`79`	`79`	`width: 100%;`
`80`	`80`	`height: auto;`
`81`	`81`	`object-fit: contain;`
	`82`	`+ aspect-ratio: 250 / 109;`
`82`	`83`	`}`
`83`	`84`	`</style>`
Original file line number	Diff line number	Diff line change
`@@ -381,9 +381,10 @@ useSeoMeta({`
`381`	`381`	`margin-top: 4.75rem;`
`382`	`382`	`}`
`383`	`383`	`}`
`384`		`-`
`385`	`384`	`}`
`386`		`-.discussion-event,.student-support-event{`
	`385`	`+`
	`386`	`+.discussion-event,`
	`387`	`+.student-support-event {`
`387`	`388`	`:deep(h3) {`
`388`	`389`	`font-size: 1.125rem;`
`389`	`390`	`line-height: 1.5;`