fix(web/context): stretch back arrow to height of the title

This commit is contained in:
Luke
2022-07-07 14:33:53 +02:00
parent e252c44bd2
commit 77652c8173

View File

@@ -88,12 +88,14 @@ const ContextMenu: React.FC = () => {
<Box w="xs" h={580}> <Box w="xs" h={580}>
<Flex justifyContent="center" alignItems="center" mb={3}> <Flex justifyContent="center" alignItems="center" mb={3}>
{contextMenu.menu && ( {contextMenu.menu && (
<Box <Flex
borderRadius="md" borderRadius="md"
bg="gray.800" bg="gray.800"
h="100%"
flex="1 15%" flex="1 15%"
alignSelf="stretch"
textAlign="center" textAlign="center"
justifyContent="center"
alignItems="center"
marginRight={2} marginRight={2}
p={2} p={2}
_hover={{ bg: "gray.700" }} _hover={{ bg: "gray.700" }}
@@ -101,7 +103,7 @@ const ContextMenu: React.FC = () => {
onClick={() => openMenu(contextMenu.menu)} onClick={() => openMenu(contextMenu.menu)}
> >
<FontAwesomeIcon icon="chevron-left" /> <FontAwesomeIcon icon="chevron-left" />
</Box> </Flex>
)} )}
<Box borderRadius="md" bg="gray.800" flex="1 85%"> <Box borderRadius="md" bg="gray.800" flex="1 85%">
<Text <Text