TresAbhi/blitzkit
1
0 Fork 0
mirror of https://github.com/blitzkit/blitzkit.git synced 2026-10-21 18:57:03 +02:00
Code Issues Packages Projects Releases Wiki Activity

feat: skills title

Browse Source
This commit is contained in:
TrèsAbhi committed 2024-04-08 19:26:49 -05:00
1 parent 28407b0f05
commit 129d7c9688
1 file changed
+37 -29
Download Patch File Download Diff File Expand all files Collapse all files
src/app/tools/compare/page.tsx
+37 -29
View File
@@ -472,37 +472,45 @@ export default function Page() {
<Popover.Trigger>
<Button variant="ghost" radius="large">
<Flex
gap="1"
align="center"
justify="center"
direction="column"
style={{
gap: 2,
}}
>
{Object.entries(
awaitedSkillDefinitions.classes,
).map(([tankClass, skills]) => (
<Flex
key={tankClass}
style={{
gap: 2,
}}
>
{skills.map((skill) => (
<div
key={skill}
style={{
width: 6,
height: 6,
borderRadius: 2,
backgroundColor:
crewSkills[skill] === 0
? theme.colors.textLowContrast
: theme.colors
.textLowContrast_crimson,
}}
/>
))}
</Flex>
))}
Skills
<Flex
direction="column"
style={{
gap: 2,
}}
>
{Object.entries(
awaitedSkillDefinitions.classes,
).map(([tankClass, skills]) => (
<Flex
key={tankClass}
style={{
gap: 2,
}}
>
{skills.map((skill) => (
<div
key={skill}
style={{
width: 6,
height: 6,
borderRadius: 2,
backgroundColor:
crewSkills[skill] === 0
? theme.colors.textLowContrast
: theme.colors
.textLowContrast_crimson,
}}
/>
))}
</Flex>
))}
</Flex>
</Flex>
</Button>
</Popover.Trigger>