fix(自定义程序任务): 修复窗口较窄时导入文件按钮显示不全

[ocsin1]

• fix 自定义程序任务设置页面UI问题 MaaEnd/MaaEnd#3446

Summary by Sourcery

Bug Fixes:

• 确保在窗口变窄时，导入文件按钮及其相关输入字段仍然完全可见且可用。

Original summary in English

Summary by Sourcery

Bug Fixes:

• Ensure the import file button and associated input fields remain fully visible and usable when the window is narrow.

[sourcery-ai]

Hey - 我给出了一些高层次的反馈：

• InputField 中的三个输入组件现在使用了完全相同的响应式类字符串（min-w-[min(12rem,100%)] flex-1 basis-[30%]）；可以考虑把它提取成一个共享常量或包装组件，以避免未来出现差异，并让后续的布局调整更容易。
• 在 InputField 中，外层容器上的 flex flex-wrap 与标签容器上的 flex-1 basis-[14rem] 组合，在非常窄的宽度下可能会导致意料之外的放大/缩小行为；可能值得验证一下使用 flex-none 或在标签上加一个最大宽度是否更符合预期布局。

给 AI Agent 的提示

Please address the comments from this code review:

## Overall Comments
- The three input components in `InputField` now share identical responsive class strings (`min-w-[min(12rem,100%)] flex-1 basis-[30%]`); consider extracting this into a shared constant or wrapper component to avoid divergence and make future layout tweaks easier.
- In `InputField`, `flex flex-wrap` on the outer container combined with `flex-1 basis-[14rem]` on the label container could lead to unexpected growth/shrink behavior on very narrow widths; it may be worth verifying whether `flex-none` or a max-width on the label better matches the intended layout.

---

Sourcery 对开源项目是免费的——如果你觉得我们的评审有帮助，欢迎分享 ✨

• X
• Mastodon
• LinkedIn
• Facebook

_{帮我变得更有用！请对每条评论点 👍 或 👎，我会根据你的反馈改进后续评审。}

Original comment in English

Hey - I've left some high level feedback:

• The three input components in InputField now share identical responsive class strings (min-w-[min(12rem,100%)] flex-1 basis-[30%]); consider extracting this into a shared constant or wrapper component to avoid divergence and make future layout tweaks easier.
• In InputField, flex flex-wrap on the outer container combined with flex-1 basis-[14rem] on the label container could lead to unexpected growth/shrink behavior on very narrow widths; it may be worth verifying whether flex-none or a max-width on the label better matches the intended layout.

Prompt for AI Agents

Please address the comments from this code review:

## Overall Comments
- The three input components in `InputField` now share identical responsive class strings (`min-w-[min(12rem,100%)] flex-1 basis-[30%]`); consider extracting this into a shared constant or wrapper component to avoid divergence and make future layout tweaks easier.
- In `InputField`, `flex flex-wrap` on the outer container combined with `flex-1 basis-[14rem]` on the label container could lead to unexpected growth/shrink behavior on very narrow widths; it may be worth verifying whether `flex-none` or a max-width on the label better matches the intended layout.

---

Sourcery is free for open source - if you like our reviews please consider sharing them ✨

• X
• Mastodon
• LinkedIn
• Facebook

_{Help me be more useful! Please click 👍 or 👎 on each comment and I'll use the feedback to improve your reviews.}