diff --git a/.changeset/thirty-tools-reply.md b/.changeset/thirty-tools-reply.md new file mode 100644 index 00000000..a52aae5b --- /dev/null +++ b/.changeset/thirty-tools-reply.md @@ -0,0 +1,5 @@ +--- +"@4design/for-ui": patch +--- + +fix(Menu): MenuItemの高さが小さい画面で崩れるのを修正 diff --git a/packages/for-ui/src/menu/MenuItem.tsx b/packages/for-ui/src/menu/MenuItem.tsx index 94fa2634..10dc60ec 100644 --- a/packages/for-ui/src/menu/MenuItem.tsx +++ b/packages/for-ui/src/menu/MenuItem.tsx @@ -44,7 +44,7 @@ export const MenuItem = forwardRef( disabled={disabled} classes={{ root: fsx([ - `bg-shade-white-default text-r hover:bg-shade-white-hover focus-visible:bg-shade-white-active [&.Mui-focused]:bg-shade-white-active flex flex-row items-start gap-2 whitespace-nowrap px-4 py-1 font-sans`, + `bg-shade-white-default text-r hover:bg-shade-white-hover focus-visible:bg-shade-white-active [&.Mui-focused]:bg-shade-white-active flex min-h-[unset] flex-row items-start gap-2 whitespace-nowrap px-4 py-1 font-sans`, icon && `pl-2`, selected && `pr-2`, {