Openstatus
www.openstatus.dev
fix: aspect-ratio (#906)
authored by
Maximilian Kaske
and committed by
GitHub
eb0ccfe5
d592d22f
+3
-3
+1
-1
apps/web/src/components/content/article.tsx
+1
-1
apps/web/src/components/content/article.tsx
···
19
19
<article className="relative mx-auto flex max-w-prose flex-col gap-8">
20
20
<div className="grid w-full gap-3">
21
21
<h1 className="mb-5 font-cal text-3xl">{post.title}</h1>
22
-
<div className="relative h-64 w-full overflow-hidden rounded-lg border border-border">
22
+
<div className="relative aspect-video w-full overflow-hidden rounded-lg border border-border">
23
23
<Image
24
24
src={post.image}
25
25
fill={true}
+2
-2
apps/web/src/components/content/timeline.tsx
+2
-2
apps/web/src/components/content/timeline.tsx
···
57
57
</time>
58
58
</div>
59
59
</div>
60
-
<div className="relative order-1 h-64 w-full md:order-2 md:col-span-4">
60
+
<div className="relative order-1 aspect-video w-full overflow-hidden rounded-md border border-border md:order-2 md:col-span-4">
61
61
<Link href={href}>
62
62
<Image
63
63
src={imageSrc}
64
64
fill={true}
65
65
alt={title}
66
-
className="rounded-md border border-border object-cover"
66
+
className="object-cover"
67
67
/>
68
68
</Link>
69
69
</div>