fix(team-calc) : stack weapon above desktop artifacts
This commit is contained in:
@@ -38,7 +38,7 @@ function TeamExportImage({ team }: { team: Team }) {
|
|||||||
<span className="absolute top-1.5 left-1.5 text-xl font-bold">C{member.constellation}</span>
|
<span className="absolute top-1.5 left-1.5 text-xl font-bold">C{member.constellation}</span>
|
||||||
</div>
|
</div>
|
||||||
<div className="grid w-48 shrink-0 grid-cols-2 gap-3">
|
<div className="grid w-48 shrink-0 grid-cols-2 gap-3">
|
||||||
{member.weapon ? <div className={cn("relative aspect-square min-w-0 scale-110 overflow-hidden rounded-2xl", rarityGradientClass(member.weapon.rarity))}><Image src={member.weapon.imageUrl} alt="" fill loading="eager" sizes="96px" className="object-contain p-1" /><span className="absolute top-1 left-1 text-base font-bold">R{member.refinement}</span></div> : null}
|
{member.weapon ? <div className={cn("relative col-span-2 aspect-square min-w-0 scale-110 overflow-hidden rounded-2xl", rarityGradientClass(member.weapon.rarity))}><Image src={member.weapon.imageUrl} alt="" fill loading="eager" sizes="96px" className="object-contain p-1" /><span className="absolute top-1 left-1 text-base font-bold">R{member.refinement}</span></div> : null}
|
||||||
{[member.artifact, member.secondArtifact].map((item, index) => item ? <div key={`${item.key}-${index}`} className={cn("relative aspect-square min-w-0 scale-110 overflow-hidden rounded-2xl", rarityGradientClass(item.rarity))}><Image src={item.imageUrl} alt="" fill loading="eager" sizes="96px" className="object-contain p-1" /></div> : null)}
|
{[member.artifact, member.secondArtifact].map((item, index) => item ? <div key={`${item.key}-${index}`} className={cn("relative aspect-square min-w-0 scale-110 overflow-hidden rounded-2xl", rarityGradientClass(item.rarity))}><Image src={item.imageUrl} alt="" fill loading="eager" sizes="96px" className="object-contain p-1" /></div> : null)}
|
||||||
</div>
|
</div>
|
||||||
<div className="flex min-w-0 flex-1 flex-col gap-3.5">
|
<div className="flex min-w-0 flex-1 flex-col gap-3.5">
|
||||||
@@ -146,7 +146,7 @@ function TeamCard({
|
|||||||
tabIndex={exporting ? -1 : undefined}
|
tabIndex={exporting ? -1 : undefined}
|
||||||
aria-label={`เปิดข้อมูลอาวุธ ${member.weapon.name} บน Lunaris`}
|
aria-label={`เปิดข้อมูลอาวุธ ${member.weapon.name} บน Lunaris`}
|
||||||
className={cn(
|
className={cn(
|
||||||
"relative aspect-square scale-110 overflow-hidden rounded-md bg-muted outline-none",
|
"relative aspect-square scale-110 overflow-hidden rounded-md bg-muted outline-none sm:col-span-2",
|
||||||
rarityGradientClass(member.weapon.rarity),
|
rarityGradientClass(member.weapon.rarity),
|
||||||
)}
|
)}
|
||||||
>
|
>
|
||||||
|
|||||||
Reference in New Issue
Block a user