TresAbhi/blitzkit
1
0 Fork 0
mirror of https://github.com/blitzkit/blitzkit.git synced 2026-10-24 20:19:49 +02:00
Code Issues Packages Projects Releases Wiki Activity

feat: mode tooltips

Browse Source
This commit is contained in:
TrèsAbhi committed 2024-08-25 18:38:28 -05:00
1 parent 1a1b8c3a65
commit da6691928e
1 file changed
+24 -15
Download Patch File Download Diff File Expand all files Collapse all files
src/app/tools/tankopedia/[id]/components/Model/components/Options.tsx
+24 -15
View File
@@ -16,6 +16,7 @@ import {
Strong, Strong,
Tabs, Tabs,
Text, Text,
Tooltip,
} from '@radix-ui/themes'; } from '@radix-ui/themes';
import { invalidate } from '@react-three/fiber'; import { invalidate } from '@react-three/fiber';
import { useEffect, useState } from 'react'; import { useEffect, useState } from 'react';
@@ -366,21 +367,29 @@ export function Options({ thicknessRange }: OptionsProps) {
}); });
}} }}
> >
<SegmentedControl.Item value={`${TankopediaDisplay.Model}`}> <Tooltip content="Model">
<Flex height="100%" align="center"> <SegmentedControl.Item value={`${TankopediaDisplay.Model}`}>
<img src={imgur('jAdYf0m')} style={{ height: '1.25em' }} /> <Flex height="100%" align="center">
</Flex> <img src={imgur('jAdYf0m')} style={{ height: '1.25em' }} />
</SegmentedControl.Item> </Flex>
<SegmentedControl.Item value={`${TankopediaDisplay.DynamicArmor}`}> </SegmentedControl.Item>
<Flex height="100%" align="center"> </Tooltip>
<img src={imgur('oe4Cq0g')} style={{ height: '1.25em' }} /> <Tooltip content="Dynamic armor">
</Flex> <SegmentedControl.Item
</SegmentedControl.Item> value={`${TankopediaDisplay.DynamicArmor}`}
<SegmentedControl.Item value={`${TankopediaDisplay.StaticArmor}`}> >
<Flex height="100%" align="center"> <Flex height="100%" align="center">
<img src={imgur('VQ4uDno')} style={{ height: '1.25em' }} /> <img src={imgur('oe4Cq0g')} style={{ height: '1.25em' }} />
</Flex> </Flex>
</SegmentedControl.Item> </SegmentedControl.Item>
</Tooltip>
<Tooltip content="Static armor">
<SegmentedControl.Item value={`${TankopediaDisplay.StaticArmor}`}>
<Flex height="100%" align="center">
<img src={imgur('VQ4uDno')} style={{ height: '1.25em' }} />
</Flex>
</SegmentedControl.Item>
</Tooltip>
</SegmentedControl.Root> </SegmentedControl.Root>
<DropdownMenu.Root> <DropdownMenu.Root>