astral/buzz-sheet
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix : remove profile pic in og image

Browse Source
This commit is contained in:
gunshiz
2026-09-01 21:25:34 +07:00 Unverified
parent db2b60622a
commit 6021607677
4 changed files with 64 additions and 22 deletions
Download Patch File Download Diff File Expand all files Collapse all files
lib/og-image.tsx
+20 -16
View File
@@ -172,7 +172,11 @@ export async function generateOgImage({
<div
style={{
position: "absolute",
top: characterCard ? "52px" : "160px",
top: characterCard
? recommendedWeapon || recommendedArtifact
? "36px"
: "52px"
: "160px",
left: "60px",
display: "flex",
flexDirection: "column",
@@ -220,16 +224,16 @@ export async function generateOgImage({
borderBottomRightRadius: "48px",
background: rarityGradient(recommendedWeapon.rarity),
color: "#fff",
padding: "6px 28px 6px 10px",
padding: "2px 28px 2px 6px",
}}
>
{weaponArtSrc ? (
<img
src={weaponArtSrc}
alt=""
width={60}
height={60}
style={{ width: "60px", height: "60px", objectFit: "contain" }}
width={68}
height={68}
style={{ width: "68px", height: "68px", objectFit: "contain" }}
/>
) : null}
<div style={{ display: "flex", fontSize: 20 }}>
@@ -249,14 +253,14 @@ export async function generateOgImage({
>
{recommendedWeapon.overallPercent ? (
<div style={{ display: "flex", flexDirection: "column", alignItems: "center" }}>
<div style={{ display: "flex", fontSize: 19 }}>{metric(recommendedWeapon.overallPercent)}</div>
<div style={{ display: "flex", fontSize: 9 }}>ทั้งทีม</div>
<div style={{ display: "flex", fontSize: 16 }}>{metric(recommendedWeapon.overallPercent)}</div>
<div style={{ display: "flex", fontSize: 8 }}>ทั้งทีม</div>
</div>
) : null}
{recommendedWeapon.personalPercent ? (
<div style={{ display: "flex", flexDirection: "column", alignItems: "center" }}>
<div style={{ display: "flex", fontSize: 19 }}>{metric(recommendedWeapon.personalPercent)}</div>
<div style={{ display: "flex", fontSize: 9 }}>ส่วนตัว</div>
<div style={{ display: "flex", fontSize: 16 }}>{metric(recommendedWeapon.personalPercent)}</div>
<div style={{ display: "flex", fontSize: 8 }}>ส่วนตัว</div>
</div>
) : null}
</div>
@@ -271,23 +275,23 @@ export async function generateOgImage({
height: "72px",
marginTop: recommendedWeapon ? "10px" : "14px",
alignItems: "center",
gap: "12px",
gap: "10px",
overflow: "hidden",
border: "1px solid #ffffff1f",
borderRadius: "12px",
background: "#34343d",
padding: "6px 12px",
padding: "2px 8px",
}}
>
<div style={{ display: "flex", width: recommendedArtifact.second ? "94px" : "60px" }}>
<div style={{ display: "flex", width: recommendedArtifact.second ? "108px" : "68px" }}>
{firstArtifactArtSrc ? (
<div style={{ display: "flex", width: "60px", height: "60px", overflow: "hidden", border: "1px solid #ffffff2a", borderRadius: "10px", background: rarityGradient(recommendedArtifact.first.rarity) }}>
<img src={firstArtifactArtSrc} alt="" width={60} height={60} style={{ objectFit: "contain" }} />
<div style={{ display: "flex", width: "68px", height: "68px", overflow: "hidden", border: "1px solid #ffffff2a", borderRadius: "10px", background: rarityGradient(recommendedArtifact.first.rarity) }}>
<img src={firstArtifactArtSrc} alt="" width={68} height={68} style={{ objectFit: "contain" }} />
</div>
) : null}
{recommendedArtifact.second && secondArtifactArtSrc ? (
<div style={{ display: "flex", width: "60px", height: "60px", overflow: "hidden", marginLeft: "-24px", border: "1px solid #ffffff2a", borderRadius: "10px", background: rarityGradient(recommendedArtifact.second.rarity) }}>
<img src={secondArtifactArtSrc} alt="" width={60} height={60} style={{ objectFit: "contain" }} />
<div style={{ display: "flex", width: "68px", height: "68px", overflow: "hidden", marginLeft: "-28px", border: "1px solid #ffffff2a", borderRadius: "10px", background: rarityGradient(recommendedArtifact.second.rarity) }}>
<img src={secondArtifactArtSrc} alt="" width={68} height={68} style={{ objectFit: "contain" }} />
</div>
) : null}
</div>