From 420448117cffdf79b01701b0a2ab607e84e0e607 Mon Sep 17 00:00:00 2001
From: songtianlun <tianlun.song@foxmail.com>
Date: Sat, 6 Sep 2025 01:12:31 +0800
Subject: [PATCH] better input in mobile

---
 src/app/[locale]/PageComponent.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/app/[locale]/PageComponent.tsx b/src/app/[locale]/PageComponent.tsx
index 8ab2bbc..627a3d4 100644
--- a/src/app/[locale]/PageComponent.tsx
+++ b/src/app/[locale]/PageComponent.tsx
@@ -244,12 +244,12 @@ const PageComponent = ({
               </div>
             </div>
 
-            <div className={"max-w-7xl px-9 mx-auto"}>
+            <div className={"w-[100%] mx-auto"}>
               <div
-                className={"mx-auto rounded-tl-[30px] rounded-tr-[30px] border-[12px] border-[#ffffff1f] object-fill"}>
+                className={"mx-auto rounded-tl-[20px] md:rounded-tl-[30px] rounded-tr-[20px] md:rounded-tr-[30px] border-[6px] md:border-[12px] border-[#ffffff1f] object-fill"}>
                 <form onSubmit={handleSubmit} className="relative shadow-lg">
                   <div
-                    className="overflow-hidden rounded-tl-[20px] rounded-tr-[20px]">
+                    className="overflow-hidden rounded-tl-[14px] md:rounded-tl-[20px] rounded-tr-[14px] md:rounded-tr-[20px]">
                     <textarea
                       rows={5}
                       name="description"