fix(constellations) : use splash art as export background
This commit is contained in:
@@ -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) => (
|
||||||
|
|||||||
Reference in New Issue
Block a user