From 62c56eadf42fe0c2c7c2c96a142a5582376ea16d Mon Sep 17 00:00:00 2001
From: Pierniki <jjdroid6969@gmail.com>
Date: Fri, 8 Sep 2023 15:08:21 +0200
Subject: [PATCH] feat: update image og styling

---
 src/app/api/og/route.tsx | 31 +++++++++++++++++++------------
 1 file changed, 19 insertions(+), 12 deletions(-)

diff --git a/src/app/api/og/route.tsx b/src/app/api/og/route.tsx
index b612b467..59660328 100644
--- a/src/app/api/og/route.tsx
+++ b/src/app/api/og/route.tsx
@@ -11,22 +11,29 @@ export async function GET(request: NextRequest) {
     (
       <div
         style={{
-          fontSize: 40,
-          color: "white",
-          backgroundImage: `url("${image}")`,
-          backgroundPosition: "center",
-          backgroundRepeat: "no-repeat",
-          backgroundSize: "cover",
+          display: "flex",
+          background: "#f6f6f6",
           width: "100%",
           height: "100%",
-          padding: "50px",
-          textAlign: "start",
-          justifyContent: "flex-start",
-          alignItems: "flex-start",
-          textShadow: "1px 1px 4px rgba(66, 68, 90, 1)",
+          flexDirection: "column",
+          justifyContent: "center",
+          alignItems: "center",
         }}
       >
-        {title}
+        <img src={image ?? undefined} style={{ width: "100%", height: "100%", objectFit: "cover" }} />
+        <p
+          style={{
+            position: "absolute",
+            padding: "40px 60px",
+            top: 0,
+            left: 0,
+            color: "white",
+            textShadow: "1px 1px 4px rgba(66, 68, 90, 1)",
+            fontSize: 50,
+          }}
+        >
+          {title}
+        </p>
       </div>
     ),
     {