redrockjs/ocenka-web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: opengraph gen

Browse Source
This commit is contained in:
Valery Grunenko
2025-12-08 16:43:56 +03:00
parent 4a236efeea
commit 488bf0dc3b
3 changed files with 45 additions and 28 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
src/app/api/og/route.ts
View File

@@ -23,11 +23,14 @@ export async function GET(req: NextRequest) {
font-family: sans-serif;
position: relative;
">
<img src="${imageUrl}" style="object-fit: cover; width:100%; height:100%; opacity:0.6; position:absolute; left:0; top:0;" />
<img src="${logoUrl}" style="width: 288px; height: 89px; position:absolute; left:20px; top:20px;" />
<div style="position: absolute; top: 110px; left: 280px; width:100%; height:100%;">
<h2 style="color: white; font-family: sans-serif; font-size: 42px">${title}</h2>
<p style="color: white; font-family: sans-serif; font-size: 24px">${desc}</p>
<img src="${imageUrl}" style="object-fit: cover; width:100%; height:100%; opacity:0.5; position:absolute; left:0; top:0;" />
<img src="${logoUrl}" style="width: 288px; height: 89px; position:absolute; left:10px; top:20px;" />
<p style="position: absolute; top: 24px; right:20px; color: white; font-family: Arial, Helvetica, sans-serif; font-size: 24px; ">
☏ +7 (900) 241-34-34
</p>
<div style="position: absolute; top: 140px; left: 20px; width:100%; height:100%;">
<h2 style="color: white; font-family: Arial, Helvetica, sans-serif; font-size: 40px; line-height: 1;">${title}</h2>
<p style="color: white; font-family: Arial, Helvetica, sans-serif; font-size: 24px; line-height: 1;">${desc}</p>
</div>
</body>
</html>