From 1bdb95b5b6b0c24dfc464e363ed6b4d49b9f0bc2 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=BC=A0=E7=BF=94?= <xiangzhang1024@gmail.com>
Date: Fri, 27 Feb 2026 20:27:17 +0800
Subject: [PATCH] feat: optimize mobile form input experience

---
 src/components/sections/contact-section.tsx | 2 +-
 src/components/ui/input.tsx                 | 2 +-
 src/components/ui/textarea.tsx              | 2 +-
 3 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/components/sections/contact-section.tsx b/src/components/sections/contact-section.tsx
index 2e39e04..18e24fd 100644
--- a/src/components/sections/contact-section.tsx
+++ b/src/components/sections/contact-section.tsx
@@ -328,7 +328,7 @@ export function ContactSection() {
                   <Button 
                     type="submit" 
                     size="lg"
-                    className="w-full group mt-auto"
+                    className="w-full group mt-auto min-h-[52px] md:min-h-0"
                     disabled={isSubmitting}
                   >
                     {isSubmitting ? (
diff --git a/src/components/ui/input.tsx b/src/components/ui/input.tsx
index dd7d357..29e6ac0 100644
--- a/src/components/ui/input.tsx
+++ b/src/components/ui/input.tsx
@@ -28,7 +28,7 @@ const Input = React.forwardRef<HTMLInputElement, InputProps>(
           id={inputId}
           data-slot="input"
           className={cn(
-            "file:text-foreground placeholder:text-[#8C8C8C] selection:bg-[#1C1C1C] selection:text-white h-12 w-full min-w-0 rounded-lg border border-[#E5E5E5] bg-[#FAFAFA] px-4 py-3 text-base text-[#1C1C1C] shadow-sm transition-all duration-300 outline-none file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 min-h-[44px] touch-manipulation",
+            "file:text-foreground placeholder:text-[#8C8C8C] selection:bg-[#1C1C1C] selection:text-white h-14 min-h-[56px] w-full min-w-0 rounded-lg border border-[#E5E5E5] bg-[#FAFAFA] px-4 py-3 text-base text-[#1C1C1C] shadow-sm transition-all duration-300 outline-none file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 touch-manipulation md:h-12 md:min-h-[44px] md:py-2",
             "focus-visible:border-[#1C1C1C] focus-visible:ring-2 focus-visible:ring-[#1C1C1C]/50 focus-visible:shadow-lg focus-visible:shadow-[#1C1C1C]/20",
             "hover:border-[#3D3D3D]",
             error && "border-[#C41E3A] focus-visible:border-[#C41E3A] focus-visible:ring-[#C41E3A]/50",
diff --git a/src/components/ui/textarea.tsx b/src/components/ui/textarea.tsx
index 5e732c4..3ae19c3 100644
--- a/src/components/ui/textarea.tsx
+++ b/src/components/ui/textarea.tsx
@@ -27,7 +27,7 @@ const Textarea = React.forwardRef<HTMLTextAreaElement, TextareaProps>(
           id={textareaId}
           data-slot="textarea"
           className={cn(
-            "placeholder:text-[#8C8C8C] selection:bg-[#1C1C1C] selection:text-white min-h-16 w-full rounded-lg border border-[#E5E5E5] bg-[#FAFAFA] px-4 py-3 text-base text-[#1C1C1C] shadow-sm transition-all duration-300 outline-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm resize-none",
+            "placeholder:text-[#8C8C8C] selection:bg-[#1C1C1C] selection:text-white min-h-[140px] w-full rounded-lg border border-[#E5E5E5] bg-[#FAFAFA] px-4 py-3 text-base text-[#1C1C1C] shadow-sm transition-all duration-300 outline-none disabled:cursor-not-allowed disabled:opacity-50 md:min-h-[80px] md:text-sm md:py-2 resize-none",
             "focus-visible:border-[#1C1C1C] focus-visible:ring-2 focus-visible:ring-[#1C1C1C]/50 focus-visible:shadow-lg focus-visible:shadow-[#1C1C1C]/20",
             "hover:border-[#3D3D3D]",
             error && "border-[#C41E3A] focus-visible:border-[#C41E3A] focus-visible:ring-[#C41E3A]/50",