From 53ffc2862381fb2304f72afbc3af9958e3ce991c Mon Sep 17 00:00:00 2001
From: horsefacts <webmaster@terminally.online>
Date: Fri, 29 Nov 2024 18:46:30 -0500
Subject: [PATCH] specify white img background

---
 src/app/frames/hello/[name]/opengraph-image.tsx | 2 +-
 src/app/frames/hello/opengraph-image.tsx        | 2 +-
 src/app/opengraph-image.tsx                     | 2 +-
 3 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/app/frames/hello/[name]/opengraph-image.tsx b/src/app/frames/hello/[name]/opengraph-image.tsx
index 6f76183..16221af 100644
--- a/src/app/frames/hello/[name]/opengraph-image.tsx
+++ b/src/app/frames/hello/[name]/opengraph-image.tsx
@@ -21,7 +21,7 @@ export default async function Image({ params }: Props) {
 
   return new ImageResponse(
     (
-      <div tw="h-full w-full flex flex-col justify-center items-center relative">
+      <div tw="h-full w-full flex flex-col justify-center items-center relative bg-white">
         <h1 tw="text-6xl">Hello, {name}</h1>
       </div>
     ),
diff --git a/src/app/frames/hello/opengraph-image.tsx b/src/app/frames/hello/opengraph-image.tsx
index a2ddd7b..5d0c3fb 100644
--- a/src/app/frames/hello/opengraph-image.tsx
+++ b/src/app/frames/hello/opengraph-image.tsx
@@ -13,7 +13,7 @@ export const contentType = "image/png";
 export default async function Image() {
   return new ImageResponse(
     (
-      <div tw="h-full w-full flex flex-col justify-center items-center relative">
+      <div tw="h-full w-full flex flex-col justify-center items-center relative bg-white">
         <h1 tw="text-6xl">Hello, world!</h1>
       </div>
     ),
diff --git a/src/app/opengraph-image.tsx b/src/app/opengraph-image.tsx
index 43202c1..ea6bf54 100644
--- a/src/app/opengraph-image.tsx
+++ b/src/app/opengraph-image.tsx
@@ -11,7 +11,7 @@ export const contentType = "image/png";
 export default async function Image() {
   return new ImageResponse(
     (
-      <div tw="h-full w-full flex flex-col justify-center items-center relative">
+      <div tw="h-full w-full flex flex-col justify-center items-center relative bg-white">
         <h1 tw="text-6xl">Frames v2 Demo</h1>
       </div>
     ),