diff options
Diffstat (limited to 'pages')
| -rw-r--r-- | pages/index.tsx | 15 |
1 files changed, 14 insertions, 1 deletions
diff --git a/pages/index.tsx b/pages/index.tsx index 469d985..356f5bb 100644 --- a/pages/index.tsx +++ b/pages/index.tsx @@ -44,6 +44,7 @@ import { MenuDivider, MenuOptionGroup, MenuItemOption, + Flex, } from '@chakra-ui/react' import { InfoOutlineIcon, RepeatClockIcon, ChevronDownIcon } from '@chakra-ui/icons' @@ -459,7 +460,19 @@ export const Tweaks = function (props: TweakProps) { onChange={() => setPhysics({ ...physics, highlight: !physics.hightligth })} value={physics.hightlight} > - <Text>Hi</Text> + <SliderWithInfo + label="Highlight Link Thickness Multiplier" + value={physics.highlightLink} + onChange={(value) => setPhysics({ ...physics, highlightLink: value })} + /> + <SliderWithInfo + label="Highlight Node Size Multiplier" + value={physics.particleWidth} + onChange={(value) => setPhysics({ ...physics, highlightNode: value })} + /> + <Flex justifyContent="space-between"> + <Text></Text> + </Flex> </EnableSection> </VStack> </AccordionPanel> |