Auto-resize project menu width (#135)

This commit is contained in:
arcticfly
2023-08-10 22:50:39 -07:00
committed by GitHub
parent 81fbaeae44
commit f270579283

View File

@@ -90,7 +90,7 @@ export default function ProjectMenu() {
</HStack> </HStack>
</NavSidebarOption> </NavSidebarOption>
</PopoverTrigger> </PopoverTrigger>
<PopoverContent _focusVisible={{ outline: "unset" }} ml={-1} minW={0} w="full"> <PopoverContent _focusVisible={{ outline: "unset" }} ml={-1} w="auto" minW={100} maxW={280}>
<VStack alignItems="flex-start" spacing={2} py={4} px={2}> <VStack alignItems="flex-start" spacing={2} py={4} px={2}>
<Text color="gray.500" fontSize="xs" fontWeight="bold" pb={1}> <Text color="gray.500" fontSize="xs" fontWeight="bold" pb={1}>
PROJECTS PROJECTS
@@ -150,6 +150,7 @@ const ProjectOption = ({
_hover={gearHovered ? undefined : { bgColor: "gray.200", textDecoration: "none" }} _hover={gearHovered ? undefined : { bgColor: "gray.200", textDecoration: "none" }}
p={2} p={2}
borderRadius={4} borderRadius={4}
spacing={4}
> >
<Text>{proj.name}</Text> <Text>{proj.name}</Text>
<IconButton <IconButton