TresAbhi/blitzkit
1
0 Fork 0
mirror of https://github.com/blitzkit/blitzkit.git synced 2026-10-25 03:29:51 +01: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> <Popover.Trigger>
<Button variant="ghost" radius="large"> <Button variant="ghost" radius="large">
<Flex <Flex
gap="1"
align="center"
justify="center"
direction="column" direction="column"
style={{
gap: 2,
}}
> >
{Object.entries( Skills
awaitedSkillDefinitions.classes, <Flex
).map(([tankClass, skills]) => ( direction="column"
<Flex style={{
key={tankClass} gap: 2,
style={{ }}
gap: 2, >
}} {Object.entries(
> awaitedSkillDefinitions.classes,
{skills.map((skill) => ( ).map(([tankClass, skills]) => (
<div <Flex
key={skill} key={tankClass}
style={{ style={{
width: 6, gap: 2,
height: 6, }}
borderRadius: 2, >
backgroundColor: {skills.map((skill) => (
crewSkills[skill] === 0 <div
? theme.colors.textLowContrast key={skill}
: theme.colors style={{
.textLowContrast_crimson, width: 6,
}} height: 6,
/> borderRadius: 2,
))} backgroundColor:
</Flex> crewSkills[skill] === 0
))} ? theme.colors.textLowContrast
: theme.colors
.textLowContrast_crimson,
}}
/>
))}
</Flex>
))}
</Flex>
</Flex> </Flex>
</Button> </Button>
</Popover.Trigger> </Popover.Trigger>