openstatus.dev
Openstatus
www.openstatus.dev
fix: og images (#512)
authored by
Maximilian Kaske
and committed by
GitHub
a10b6e1d
d918197e
+15
-14
+14
-12
apps/web/src/app/api/og/post/route.tsx
+14
-12
apps/web/src/app/api/og/post/route.tsx
···
63
63
"radial-gradient(farthest-corner at 100px 100px, #cbd5e1, white 80%)", // tbd: switch color position
64
64
}}
65
65
></div>
66
-
<div tw="flex flex-col px-24">
67
-
<div tw="flex flex-col px-12">
68
-
{/* lineClamp not working... */}
69
-
<h1 style={{ fontFamily: "Cal", lineClamp: "2" }} tw="text-6xl">
70
-
{title}
71
-
</h1>
72
-
<p style={{ lineClamp: "2" }} tw="text-slate-600 text-3xl">
73
-
{description}
74
-
</p>
66
+
<div tw="flex flex-col h-full justify-between px-24">
67
+
<div tw="flex flex-col flex-1 justify-end">
68
+
<div tw="flex flex-col px-12">
69
+
{/* lineClamp not working... */}
70
+
<h1 style={{ fontFamily: "Cal", lineClamp: "2" }} tw="text-6xl">
71
+
{title}
72
+
</h1>
73
+
<p style={{ lineClamp: "2" }} tw="text-slate-600 text-3xl">
74
+
{description}
75
+
</p>
76
+
</div>
75
77
</div>
76
78
{image ? (
77
-
<div tw="flex justify-center mt-8 -mb-16 shadow-2xl">
79
+
<div tw="flex justify-center shadow-2xl mt-1">
78
80
<img
79
81
alt=""
80
-
style={{ objectFit: "cover" }}
81
-
tw="flex w-full h-80 border-2 rounded-xl"
82
+
style={{ objectFit: "cover", height: 350 }} // h-80 = 320px
83
+
tw="flex w-full border-2 rounded-xl"
82
84
src={new URL(image, DEFAULT_URL).toString()}
83
85
/>
84
86
</div>
+1
-2
apps/web/src/content/posts/migration-backend-from-vercel-to-fly.mdx
+1
-2
apps/web/src/content/posts/migration-backend-from-vercel-to-fly.mdx