Skip to content

Commit a78e495

Browse files
authored
fix image issue on smallest device width (#2325)
ty @michaelstaib for the heads up
1 parent 41b656e commit a78e495

File tree

1 file changed

+6
-3
lines changed

1 file changed

+6
-3
lines changed

src/app/conf/2026/components/sponsors.tsx

Lines changed: 6 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -17,19 +17,22 @@ interface Sponsor {
1717
const sponsorPlatinum: Sponsor[] = [
1818
{
1919
icon: (props: React.HTMLAttributes<HTMLDivElement>) => (
20-
<div {...props} className={clsx(props.className, "relative size-full")}>
20+
<div
21+
{...props}
22+
className={clsx(props.className, "relative aspect-video flex-shrink-0")}
23+
>
2124
<img
2225
src={
2326
new URL("/public/img/conf/Sponsors/Meta.svg", import.meta.url).href
2427
}
25-
className="absolute inset-0 size-full object-cover dark:hidden"
28+
className="absolute inset-0 size-full object-contain dark:hidden"
2629
/>
2730
<img
2831
src={
2932
new URL("/public/img/conf/Sponsors/Meta-dark.svg", import.meta.url)
3033
.href
3134
}
32-
className="absolute inset-0 hidden size-full object-cover dark:block"
35+
className="absolute inset-0 hidden size-full object-contain dark:block"
3336
/>
3437
</div>
3538
),

0 commit comments

Comments
 (0)