From e1764ba2d71188cffadd08a1b6d24206d456e2e7 Mon Sep 17 00:00:00 2001 From: Qs-F Date: Wed, 27 Mar 2024 14:18:36 +0900 Subject: [PATCH 1/2] Fix to reset MenuItem min-height --- packages/for-ui/src/menu/MenuItem.tsx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) 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`, { From 2adab72bad8962c34f9af1a20996787dc2a5af05 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E3=81=9F=E3=81=B5=E3=81=BF?= Date: Wed, 27 Mar 2024 14:24:22 +0900 Subject: [PATCH 2/2] Add change log --- .changeset/thirty-tools-reply.md | 5 +++++ 1 file changed, 5 insertions(+) create mode 100644 .changeset/thirty-tools-reply.md 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の高さが小さい画面で崩れるのを修正