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

Polish team member badges
CI / Verify (push) Successful in 58s
Details
CI / Build immutable images and deploy (push) Successful in 1m16s
Details

Browse Source
This commit is contained in:
gunshiz
2026-09-01 15:11:49 +07:00 Unverified
parent e311ba21bf
commit 36cd07a219
2 changed files with 20 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/api/teams/[teamId]/image/route.tsx
+19 -14
View File
@@ -105,24 +105,29 @@ export async function GET(
const percent = total > 0 ? (damage / total) * 100 : 0; const percent = total > 0 ? (damage / total) * 100 : 0;
return ( return (
<div key={member.position} style={{ display: "flex", alignItems: "center", gap: 14, borderRadius: 16, background: elementBackgroundColor(member.character.element), padding: 6 }}> <div key={member.position} style={{ display: "flex", alignItems: "center", gap: 14, borderRadius: 16, background: elementBackgroundColor(member.character.element), padding: 6 }}>
{memberAssets[index].character ? ( <div style={{ position: "relative", display: "flex", width: 78, height: 78, flexShrink: 0, overflow: "hidden", borderRadius: 16, border: "2px solid #ffffff2a", background: rarityGradient(isCustomTravelerKey(member.character.key) ? 5 : member.character.rarity) }}>
<img {memberAssets[index].character ? (
src={memberAssets[index].character} <img
alt="" src={memberAssets[index].character}
width={78} alt=""
height={78} width={78}
style={{ borderRadius: 16, border: "2px solid #ffffff2a", background: rarityGradient(isCustomTravelerKey(member.character.key) ? 5 : member.character.rarity), objectFit: "cover" }} height={78}
/> style={{ objectFit: "cover" }}
) : ( />
<div style={{ display: "flex", width: 78, height: 78, alignItems: "center", justifyContent: "center", borderRadius: 16, border: "2px solid #ffffff2a", background: rarityGradient(isCustomTravelerKey(member.character.key) ? 5 : member.character.rarity), color: "#b9b9c2", fontSize: 30 }}> ) : (
{member.character.name.slice(0, 1)} <div style={{ display: "flex", width: 78, height: 78, alignItems: "center", justifyContent: "center", color: "#b9b9c2", fontSize: 30 }}>
{member.character.name.slice(0, 1)}
</div>
)}
<div style={{ position: "absolute", top: 2, left: 2, display: "flex", borderRadius: 4, background: "transparent", color: "#ffffff", padding: "1px 4px", fontSize: 11, fontWeight: 700 }}>
C{member.constellation}
</div> </div>
)} </div>
<div style={{ display: "flex", gap: 6 }}> <div style={{ display: "flex", gap: 6 }}>
{member.weapon && memberAssets[index].weapon ? ( {member.weapon && memberAssets[index].weapon ? (
<div style={{ position: "relative", display: "flex", width: 50, height: 50, overflow: "hidden", borderRadius: 10, background: rarityGradient(member.weapon.rarity) }}> <div style={{ position: "relative", display: "flex", width: 50, height: 50, overflow: "hidden", borderRadius: 10, background: rarityGradient(member.weapon.rarity) }}>
<img src={memberAssets[index].weapon} alt="" width={50} height={50} style={{ objectFit: "contain" }} /> <img src={memberAssets[index].weapon} alt="" width={50} height={50} style={{ objectFit: "contain" }} />
<div style={{ position: "absolute", top: 2, left: 2, display: "flex", borderRadius: 4, background: "transparent", color: "#000000", padding: "1px 4px", fontSize: 11, fontWeight: 700 }}> <div style={{ position: "absolute", top: 2, left: 2, display: "flex", borderRadius: 4, background: "transparent", color: "#ffffff", padding: "1px 4px", fontSize: 11, fontWeight: 700 }}>
R{member.refinement} R{member.refinement}
</div> </div>
</div> </div>
@@ -135,7 +140,7 @@ export async function GET(
</div> </div>
<div style={{ display: "flex", flex: 1, flexDirection: "column", gap: 6 }}> <div style={{ display: "flex", flex: 1, flexDirection: "column", gap: 6 }}>
<div style={{ display: "flex", alignItems: "center", justifyContent: "space-between" }}> <div style={{ display: "flex", alignItems: "center", justifyContent: "space-between" }}>
<div style={{ display: "flex", fontSize: 20, fontWeight: 600 }}>C{member.constellation} {member.character.name}</div> <div style={{ display: "flex", fontSize: 20, fontWeight: 600 }}>{member.character.name}</div>
<div style={{ display: "flex", color: "#f7f7f7", fontSize: 18 }}>{amount(damage)}</div> <div style={{ display: "flex", color: "#f7f7f7", fontSize: 18 }}>{amount(damage)}</div>
</div> </div>
<div style={{ display: "flex", alignItems: "center", gap: 10 }}> <div style={{ display: "flex", alignItems: "center", gap: 10 }}>
components/public/team-search.tsx
+1 -1
View File
@@ -112,7 +112,7 @@ export function TeamSearch({ teams }: { teams: PublicGuide["teams"] }) {
fill fill
className="object-contain p-1" className="object-contain p-1"
/> />
<Kbd className="absolute top-0 left-0 bg-transparent text-white"> <Kbd className="absolute top-0 left-0 whitespace-nowrap bg-transparent text-white">
R{member.refinement} R{member.refinement}
</Kbd> </Kbd>
</div> </div>