refactor(web/menu): improve list menu text alignment

This commit is contained in:
Luke
2022-07-29 17:17:06 +02:00
committed by Luke
parent 3f33b690e1
commit 43ffa86387

View File

@@ -39,10 +39,15 @@ const ListItem = forwardRef<Array<HTMLDivElement | null>, Props>(({ item, index,
<Text>{item.value[scrollIndex]}</Text> <Text>{item.value[scrollIndex]}</Text>
</Stack> </Stack>
<Spacer /> <Spacer />
<FontAwesomeIcon icon="arrows-left-right" fontSize={20} color="#909296" /> <Stack direction="row" spacing="sm" mr={3}>
<FontAwesomeIcon icon="chevron-left" fontSize={16} color="#909296" />
<FontAwesomeIcon icon="chevron-right" fontSize={16} color="#909296" />
</Stack>
</Flex> </Flex>
) : ( ) : (
item.label <Flex alignItems="center" height="100%">
<Text>{item.label}</Text>
</Flex>
)} )}
</Box> </Box>
); );