fix(Menu): MenuItemの高さが小さい画面で崩れるのを修正

[Qs-F]

User description

チケット

• Close 小さい画面でMenuItemが崩れるのを修正 #1471

実装内容

• MenuItemのmin-heightをリセットするようにした

スクリーンショット

変更前	変更後

相談内容(あれば)

---

Type

bug_fix

---

Description

• Reset the minimum height of the MenuItem component to ensure it displays correctly in small window sizes.

---

Changes walkthrough

	Relevant files
Bug fix	MenuItem.tsx Reset `MenuItem` Component's Minimum Height                            packages/for-ui/src/menu/MenuItem.tsx Added min-h-[unset] to the MenuItem component to reset its minimum height. +1/-1

---

✨ PR-Agent usage:
Comment /help on the PR to get a list of all available PR-Agent tools and their descriptions

[changeset-bot]

🦋 Changeset detected

Latest commit: 2adab72

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 1 package

Name	Type
@4design/for-ui	Patch

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR

[qodo-merge-pro]

PR-Agent was enabled for this repository. To use it, please link your git user with your CodiumAI identity here.

PR Description updated to latest commit (e1764ba)

• Copy walkthrough table to "Files Changed" Tab

[qodo-merge-pro]

PR-Agent was enabled for this repository. To use it, please link your git user with your CodiumAI identity here.

PR Review

⏱️ Estimated effort to review [1-5]	1, because the change is minimal and straightforward, affecting only a single property in a single component.
🧪 Relevant tests	No
🔍 Possible issues	Styling Regression: Changing the min-height property to unset might cause unexpected visual regressions in layouts where the MenuItem component's height was implicitly relied upon. It's recommended to verify this change across all UIs where MenuItem is used.
🔒 Security concerns	No

---

✨ Review tool usage guide:

---

Overview:
The review tool scans the PR code changes, and generates a PR review which includes several types of feedbacks, such as possible PR issues, security threats and relevant test in the PR. More feedbacks can be added by configuring the tool.

The tool can be triggered automatically every time a new PR is opened, or can be invoked manually by commenting on any PR.

• When commenting, to edit configurations related to the review tool (pr_reviewer section), use the following template:

/review --pr_reviewer.some_config1=... --pr_reviewer.some_config2=...

• With a configuration file, use the following template:

[pr_reviewer]
some_config1=...
some_config2=...

See the review usage page for a comprehensive guide on using this tool.

[qodo-merge-pro]

PR Code Suggestions

Category

Suggestions

Enhancement

Use a responsive height setting for better visual consistency across devices. Consider using a more responsive height setting instead of min-h-[unset] to ensure the MenuItem component remains visually consistent across different screen sizes. For example, using min-h-[2rem] or a similar value can provide a minimum height that adapts better to various devices while maintaining the design integrity. packages/for-ui/src/menu/MenuItem.tsx [47] -`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` +`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-[2rem] flex-row items-start gap-2 whitespace-nowrap px-4 py-1 font-sans`

---

✨ Improve tool usage guide:

---

Overview:
The improve tool scans the PR code changes, and automatically generates suggestions for improving the PR code. The tool can be triggered automatically every time a new PR is opened, or can be invoked manually by commenting on a PR.

• When commenting, to edit configurations related to the improve tool (pr_code_suggestions section), use the following template:

/improve --pr_code_suggestions.some_config1=... --pr_code_suggestions.some_config2=...

• With a configuration file, use the following template:

[pr_code_suggestions]
some_config1=...
some_config2=...

See the improve usage page for a comprehensive guide on using this tool.

[cloudflare-workers-and-pages]

Deploying for-ui with    Cloudflare Pages

Latest commit:	2adab72
Status:	✅  Deploy successful!
Preview URL:	https://dbdf6072.for-ui.pages.dev
Branch Preview URL:	https://fix-menuitem-in-small-window.for-ui.pages.dev

View logs

[locona]

LGTM