From 4d2fdbb0e3956039dd1deb8e147c36d8ed8a9673 Mon Sep 17 00:00:00 2001
From: gunshiz <spsshop1047@gmail.com>
Date: Fri, 4 Sep 2026 01:00:59 +0700
Subject: [PATCH] fix(team-calc) : stack weapon above artifacts

---
 components/public/team-search.tsx | 11 ++++++-----
 1 file changed, 6 insertions(+), 5 deletions(-)

diff --git a/components/public/team-search.tsx b/components/public/team-search.tsx
index 0abb4d2..149d966 100644
--- a/components/public/team-search.tsx
+++ b/components/public/team-search.tsx
@@ -37,8 +37,9 @@ function TeamExportImage({ team }: { team: Team }) {
                 <Image src={member.character.imageUrl} alt="" fill loading="eager" sizes="150px" className="object-contain" />
                 <span className="absolute top-1.5 left-1.5 text-xl font-bold">C{member.constellation}</span>
               </div>
-              <div className="flex gap-3">
-                {[member.weapon, member.artifact, member.secondArtifact].map((item, index) => item ? <div key={`${item.key}-${index}`} className={cn("relative size-24 overflow-hidden rounded-2xl", rarityGradientClass(item.rarity))}><Image src={item.imageUrl} alt="" fill loading="eager" sizes="96px" className="object-contain p-1" />{index === 0 ? <span className="absolute top-1 left-1 text-base font-bold">R{member.refinement}</span> : null}</div> : null)}
+              <div className="grid grid-cols-2 gap-3">
+                {member.weapon ? <div className={cn("relative col-span-2 size-24 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 size-24 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 className="flex min-w-0 flex-1 flex-col gap-3.5">
                 <div className="flex items-center justify-between gap-4"><span className="truncate text-[36px] font-semibold">{member.character.name}</span><span className="text-[36px]">{damage.toLocaleString()}</span></div>
@@ -131,7 +132,7 @@ function TeamCard({
                 </div>
                 <div
                   className={cn(
-                    "min-w-0 grid grid-cols-3 gap-2",
+                    "min-w-0 grid grid-cols-2 gap-2",
                     exporting
                       ? "col-span-1 row-span-2"
                       : "sm:col-span-1 sm:row-span-2",
@@ -145,7 +146,7 @@ function TeamCard({
                       tabIndex={exporting ? -1 : undefined}
                       aria-label={`เปิดข้อมูลอาวุธ ${member.weapon.name} บน Lunaris`}
                       className={cn(
-                        "relative aspect-square overflow-hidden rounded-md bg-muted outline-none",
+                        "relative col-span-2 aspect-square overflow-hidden rounded-md bg-muted outline-none",
                         rarityGradientClass(member.weapon.rarity),
                       )}
                     >
@@ -164,7 +165,7 @@ function TeamCard({
                       </Kbd>
                     </a>
                   ) : (
-                    <div className="aspect-square rounded-md border bg-muted" />
+                    <div className="col-span-2 aspect-square rounded-md border bg-muted" />
                   )}
                   {member.artifact ? (
                     <Link