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

fix(team-calc) : update artifact card layout
CI / Verify (push) Successful in 55s
Details
CI / Build immutable images and deploy (push) Successful in 1m48s
Details

Browse Source
This commit is contained in:
gunshiz
2026-09-04 07:53:21 +07:00 Unverified
parent f39181f4c7
commit 0648022a01
1 changed files with 58 additions and 51 deletions
Download Patch File Download Diff File Expand all files Collapse all files
components/public/team-search.tsx
+58 -51
View File
@@ -146,7 +146,7 @@ function TeamCard({
tabIndex={exporting ? -1 : undefined}
aria-label={`เปิดข้อมูลอาวุธ ${member.weapon.name} บน Lunaris`}
className={cn(
"relative aspect-square scale-110 overflow-hidden rounded-md bg-muted outline-none sm:col-span-2",
"relative col-span-2 aspect-square scale-110 overflow-hidden rounded-md bg-muted outline-none",
rarityGradientClass(member.weapon.rarity),
)}
>
@@ -167,56 +167,63 @@ function TeamCard({
) : (
<div className="col-span-2 aspect-square rounded-md border bg-muted" />
)}
{member.artifact ? (
<Link
href={`https://lunaris.moe/artifact/${encodeURIComponent(member.artifact.key)}`}
target="_blank"
rel="noreferrer"
tabIndex={exporting ? -1 : undefined}
aria-label={`เปิดข้อมูลอาร์ติแฟกต์ ${member.artifact.name} บน Lunaris`}
className={cn(
"relative aspect-square scale-110 overflow-hidden rounded-md bg-muted",
rarityGradientClass(member.artifact.rarity),
)}
>
<Image
src={member.artifact.imageUrl}
alt={member.artifact.name}
fill
loading={exporting ? "eager" : undefined}
className="object-contain p-1"
/>
<Kbd className="absolute top-0 right-0 h-3 min-w-3 bg-transparent p-0 text-white">
<ArrowUpRightIcon aria-hidden="true" />
</Kbd>
</Link>
) : (
<div className="aspect-square rounded-md border bg-muted" />
)}
{member.secondArtifact ? (
<Link
href={`https://lunaris.moe/artifact/${encodeURIComponent(member.secondArtifact.key)}`}
target="_blank"
rel="noreferrer"
tabIndex={exporting ? -1 : undefined}
aria-label={`เปิดข้อมูลอาร์ติแฟกต์ ${member.secondArtifact.name} บน Lunaris`}
className={cn(
"relative aspect-square scale-110 overflow-hidden rounded-md bg-muted",
rarityGradientClass(member.secondArtifact.rarity),
)}
>
<Image
src={member.secondArtifact.imageUrl}
alt={member.secondArtifact.name}
fill
loading={exporting ? "eager" : undefined}
className="object-contain p-1"
/>
<Kbd className="absolute top-0 right-0 h-3 min-w-3 bg-transparent p-0 text-white">
<ArrowUpRightIcon aria-hidden="true" />
</Kbd>
</Link>
) : null}
<div
className={cn(
"col-span-2 grid",
member.secondArtifact && "w-[150%] grid-cols-3 gap-2",
)}
>
{member.artifact ? (
<Link
href={`https://lunaris.moe/artifact/${encodeURIComponent(member.artifact.key)}`}
target="_blank"
rel="noreferrer"
tabIndex={exporting ? -1 : undefined}
aria-label={`เปิดข้อมูลอาร์ติแฟกต์ ${member.artifact.name} บน Lunaris`}
className={cn(
"relative col-span-2 aspect-square scale-110 overflow-hidden rounded-md bg-muted",
rarityGradientClass(member.artifact.rarity),
)}
>
<Image
src={member.artifact.imageUrl}
alt={member.artifact.name}
fill
loading={exporting ? "eager" : undefined}
className="object-contain p-1"
/>
<Kbd className="absolute top-0 right-0 h-3 min-w-3 bg-transparent p-0 text-white">
<ArrowUpRightIcon aria-hidden="true" />
</Kbd>
</Link>
) : (
<div className="col-span-2 aspect-square rounded-md border bg-muted" />
)}
{member.secondArtifact ? (
<Link
href={`https://lunaris.moe/artifact/${encodeURIComponent(member.secondArtifact.key)}`}
target="_blank"
rel="noreferrer"
tabIndex={exporting ? -1 : undefined}
aria-label={`เปิดข้อมูลอาร์ติแฟกต์ ${member.secondArtifact.name} บน Lunaris`}
className={cn(
"relative col-span-2 col-start-2 row-start-1 aspect-square scale-110 overflow-hidden rounded-md bg-muted",
rarityGradientClass(member.secondArtifact.rarity),
)}
>
<Image
src={member.secondArtifact.imageUrl}
alt={member.secondArtifact.name}
fill
loading={exporting ? "eager" : undefined}
className="object-contain p-1"
/>
<Kbd className="absolute top-0 right-0 h-3 min-w-3 bg-transparent p-0 text-white">
<ArrowUpRightIcon aria-hidden="true" />
</Kbd>
</Link>
) : null}
</div>
</div>
</div>
<p className="mt-2 truncate text-sm font-medium">