fix icon alignment for context menu items

This commit is contained in:
jeffvli 2025-06-10 17:37:43 -07:00
parent 12d293a74c
commit 5ae21bd224

View file

@ -1,4 +1,4 @@
import { Box, Group, UnstyledButton, UnstyledButtonProps } from '@mantine/core';
import { Box, Flex, Group, UnstyledButton, UnstyledButtonProps } from '@mantine/core';
import { motion, Variants } from 'framer-motion';
import { ComponentPropsWithoutRef, forwardRef, ReactNode, Ref } from 'react';
import styled from 'styled-components';
@ -81,8 +81,8 @@ export const ContextMenuButton = forwardRef(
ref={ref}
>
<Group position="apart">
<Group spacing="md">
<Box>{leftIcon}</Box>
<Group align="center">
<Flex>{leftIcon}</Flex>
<Box mr="2rem">{children}</Box>
</Group>
<Box>{rightIcon}</Box>