Ok let's try that again lol

This commit is contained in:
Regalijan 2023-11-07 13:51:18 -05:00
parent dada8af869
commit 86c5690b4f
Signed by: regalijan
GPG Key ID: 5D4196DA269EF520

View File

@ -364,6 +364,23 @@ export default function () {
); );
const ToolsContent = ( const ToolsContent = (
<Popover placement="bottom-end">
<PopoverTrigger>
<Button ml="8px">
<svg
xmlns="http://www.w3.org/2000/svg"
width="16"
height="16"
fill="currentColor"
viewBox="0 0 16 16"
>
<path
fillRule="evenodd"
d="M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z"
/>
</svg>
</Button>
</PopoverTrigger>
<PopoverContent> <PopoverContent>
<PopoverArrow /> <PopoverArrow />
<PopoverCloseButton /> <PopoverCloseButton />
@ -382,6 +399,7 @@ export default function () {
</VStack> </VStack>
</PopoverBody> </PopoverBody>
</PopoverContent> </PopoverContent>
</Popover>
); );
return ( return (
@ -434,25 +452,7 @@ export default function () {
<Box display={isDesktop ? undefined : "none"} ml="16px" w="248px"> <Box display={isDesktop ? undefined : "none"} ml="16px" w="248px">
<HStack> <HStack>
{ItemDisplay} {ItemDisplay}
<Popover placement="bottom-end">
<PopoverTrigger>
<Button ml="8px">
<svg
xmlns="http://www.w3.org/2000/svg"
width="16"
height="16"
fill="currentColor"
viewBox="0 0 16 16"
>
<path
fillRule="evenodd"
d="M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z"
/>
</svg>
</Button>
</PopoverTrigger>
{ToolsContent} {ToolsContent}
</Popover>
</HStack> </HStack>
</Box> </Box>
</Flex> </Flex>