devhttps
diff --git a/‎app/api/og/route.tsx‎
Lines changed: 5 additions & 1 deletion b/‎app/api/og/route.tsx‎
Lines changed: 5 additions & 1 deletion
diff --git a/‎public/dynamic-og.png‎
46.1 KB b/‎public/dynamic-og.png‎
46.1 KB
@@ -8,6 +8,10 @@ export async function GET(request: Request) {
     (
       <div
         style={{
+          backgroundImage: `url(${"https://llamacoder.io/dynamic-og.png"})`,
+          backgroundSize: "1200px 630px",
+          backgroundRepeat: "no-repeat",
+          backgroundPosition: "center center",
           fontSize: 40,
           color: "black",
           background: "white",
@@ -19,7 +23,7 @@ export async function GET(request: Request) {
           alignItems: "center",
         }}
       >
-        {prompt}
+        {prompt && prompt.length > 100 ? prompt.slice(0, 97) + "..." : prompt}
       </div>
     ),
     {
Original file line number	Diff line number	Diff line change
`@@ -8,6 +8,10 @@ export async function GET(request: Request) {`
`8`	`8`	`(`
`9`	`9`	`<div`
`10`	`10`	`style={{`
	`11`	+ backgroundImage: `url(${"https://llamacoder.io/dynamic-og.png"})`,
	`12`	`+ backgroundSize: "1200px 630px",`
	`13`	`+ backgroundRepeat: "no-repeat",`
	`14`	`+ backgroundPosition: "center center",`
`11`	`15`	`fontSize: 40,`
`12`	`16`	`color: "black",`
`13`	`17`	`background: "white",`
`@@ -19,7 +23,7 @@ export async function GET(request: Request) {`
`19`	`23`	`alignItems: "center",`
`20`	`24`	`}}`
`21`	`25`	`>`
`22`		`- {prompt}`
	`26`	`+ {prompt && prompt.length > 100 ? prompt.slice(0, 97) + "..." : prompt}`
`23`	`27`	`</div>`
`24`	`28`	`),`
`25`	`29`	`{`