formInput のボタンがはみ出ているのを修正

[Oxojo]

User description

close #299

---

PR Type

Bug fix

---

Description

• .inputクラスにmin-width: 0;を追加し、SP（スマートフォン）環境での表示バグを修正。
• Android 9のChromeで確認されたフォーム入力ボタンのはみ出し問題を解決。

---

Changes walkthrough 📝

	Relevant files
Bug fix	FormInput.vue `.input`クラスのスタイル修正でSP表示のバグを解消                                                        src/components/UI/FormInput.vue .inputクラスにmin-width: 0;を追加。 レスポンシブデザインの問題を修正。 +1/-0

---

💡 PR-Agent usage: Comment /help "your question" on any pull request to receive relevant information

[github-actions]

PR Reviewer Guide 🔍

Here are some key observations to aid the review process:

🎫 Ticket compliance analysis ✅ 299 - Fully compliant Fully compliant requirements: 修正対象はSP環境でのフォーム入力ボタンの表示バグ Android 9のChromeで確認された問題を解決すること Not compliant requirements:

⏱️ Estimated effort to review: 1 🔵⚪⚪⚪⚪

🧪 No relevant tests

🔒 No security concerns identified

⚡ Recommended focus areas for review Code Smell The addition of min-width: 0; resolves the issue but lacks a comment explaining why this specific change is necessary. Adding a comment would improve maintainability.

[github-actions]

PR Code Suggestions ✨

Explore these optional code suggestions:

Category	Suggestion	Score
General	レイアウトの崩れを防ぐためにスタイル変更の影響を確認する必要があります。 min-width: 0; を追加したことで、意図しないレイアウトの崩れが発生しないか確認してください。特に、親要素や兄弟要素との関係で問題がないか検証が必要です。 src/components/UI/FormInput.vue [91] -min-width: 0; +min-width: 0; /* 必要に応じてレイアウトの影響を確認 */ Suggestion importance[1-10]: 4 Why: The suggestion advises verifying the impact of the min-width: 0; addition on the layout, which is a reasonable precaution. However, it is not an actionable code change but rather a recommendation to test, which slightly reduces its score.	4

[Futadaruma]

良さそうです
ありとうございます！