fix(constellations) : use splash art as export background
CI / Verify (push) Successful in 1m1s
CI / Build immutable images and deploy (push) Successful in 1m53s

This commit is contained in:
2026-09-03 15:27:30 +07:00 Unverified
parent aea943522b
commit dbfb9de2e8
+1 -13
View File
@@ -18,8 +18,7 @@ export function ConstellationImage({
sectionNote: string | null | undefined; sectionNote: string | null | undefined;
}) { }) {
const rows = constellationChartRows(group.rows); const rows = constellationChartRows(group.rows);
const background = guide.character.nameCardImageUrl ?? guide.coverUrl; const background = guide.character.splashImageUrl ?? guide.coverUrl;
const character = guide.character.splashImageUrl ?? guide.character.imageUrl;
const footer = group.note; const footer = group.note;
return ( return (
@@ -62,17 +61,6 @@ export function ConstellationImage({
</div> </div>
</div> </div>
<div className="absolute top-[190px] right-0 bottom-0 z-10 w-[830px]">
<Image
src={character}
alt=""
fill
loading="eager"
sizes="830px"
className="object-contain object-right-bottom drop-shadow-[0_10px_8px_rgba(0,0,0,0.55)]"
/>
</div>
<div className="absolute top-[160px] bottom-[115px] left-[154px] z-20 w-1 bg-black/90" /> <div className="absolute top-[160px] bottom-[115px] left-[154px] z-20 w-1 bg-black/90" />
<div className="absolute inset-x-14 top-[205px] bottom-[145px] z-20 flex flex-col justify-between"> <div className="absolute inset-x-14 top-[205px] bottom-[145px] z-20 flex flex-col justify-between">
{rows.map((row) => ( {rows.map((row) => (