fix: reversed order on talents

This commit is contained in:
2026-03-20 22:07:47 +07:00 Unverified
parent ec06a831b9
commit 3c52cc1228
+28 -26
View File
@@ -405,34 +405,36 @@ export function card(app: App) {
fontSize: "1.05em",
}}
>
{Object.entries(avatar.Skills).map(([key, src]) => {
const extra =
char.proudSkillExtraLevelMap?.[
`${avatar.ProudMap[key]}`
] ?? 0;
const talentLevel =
(char.skillLevelMap?.[key] ?? 0) + extra;
return (
<div tw="mt-[.6em] relative">
<TalentSvg
tw={`Talents ${char.avatar.element} w-[3.6em] opacity-60 text-black`}
/>
<img
key={key}
src={src}
alt={`Talent ${key}`}
tw="w-[2.5em] absolute left-[.15em] top-[.15em] m-[.4em_0_0_.4em]"
/>
<div tw="absolute -bottom-[.1em] w-full flex justify-center">
<div
tw={`${extra ? "bg-[#45deffcc]" : "bg-[#323232b3]"} pt-[5%] pb-[2%] text-[.8em] rounded-[1.4em]`}
>
<span tw="px-[.6em]">{talentLevel}</span>
{Object.entries(avatar.Skills)
.reverse()
.map(([key, src]) => {
const extra =
char.proudSkillExtraLevelMap?.[
`${avatar.ProudMap[key]}`
] ?? 0;
const talentLevel =
(char.skillLevelMap?.[key] ?? 0) + extra;
return (
<div tw="mt-[.6em] relative">
<TalentSvg
tw={`Talents ${char.avatar.element} w-[3.6em] opacity-60 text-black`}
/>
<img
key={key}
src={src}
alt={`Talent ${key}`}
tw="w-[2.5em] absolute left-[.15em] top-[.15em] m-[.4em_0_0_.4em]"
/>
<div tw="absolute -bottom-[.1em] w-full flex justify-center">
<div
tw={`${extra ? "bg-[#45deffcc]" : "bg-[#323232b3]"} pt-[5%] pb-[2%] text-[.8em] rounded-[1.4em]`}
>
<span tw="px-[.6em]">{talentLevel}</span>
</div>
</div>
</div>
</div>
);
})}
);
})}
</div>
<div tw="mb-[-1em] ml-[-.3em] mt-[.3em] text-[.9em] opacity-80">
{data.uid}