实名认证页面调整手机端样式

src/app/admin/identify/page.tsx

@@ -104,7 +104,7 @@ export default function IdentifyPage(props: IdentifyPageProps) {
 
   return (
     <Page className="flex-row max-md:flex-col">
-      <div className="flex-3/4 flex flex-col bg-white rounded-lg  gap-16">
+      <div className="flex-3/4 flex flex-col bg-white rounded-lg  gap-16 max-md:gap-0">
 
         {/* banner */}
         <section className="flex-none basis-40 relative flex flex-col gap-4 pl-8 pr-4 justify-center">
@@ -113,7 +113,7 @@ export default function IdentifyPage(props: IdentifyPageProps) {
           <p className="text-sm text-gray-600 z-10 relative">为了保障您的账户安全，请先完成实名认证，即可获取福利套餐测试资格</p>
         </section>
 
-        <div className="flex-auto flex justify-center items-start">
+        <div className="flex-auto flex justify-center items-start max-md:m-4">
           {/* 个人认证 */}
           <section className="w-96 bg-gray-50 p-8 rounded-md flex flex-col gap-4 items-center">
             <Image src={personal} alt="个人认证"/>

src/app/admin/profile/page.tsx

@@ -53,7 +53,7 @@ export default function ProfilePage(props: ProfilePageProps) {
     <Page className="lg:flex-row lg:items-stretch md:flex-col max-sm:flex-col">
       <div className="flex-3/4 flex flex-col gap-4">
         {/* banner */}
-        <section className="flex-1 relative  rounded-lg p-10 overflow-hidden flex max-sm:flex-col flex-col gap-4 pl-8 justify-center">
+        <section className="flex-none relative  rounded-lg p-16 pr-4 overflow-hidden flex max-sm:flex-col flex-col gap-4 pl-8 justify-center">
           <Image src={banner} alt="背景图" aria-hidden className="absolute inset-0 w-full h-full object-cover"/>
           <h3 className="text-lg font-bold z-10 relative">蓝狐HTTP邀请您参与【先测后买】服务</h3>
           <p className="text-sm  text-gray-600 z-10 relative">为了保障您的账户安全，请先完成实名认证，即可获取福利套餐测试资格</p>
@@ -143,7 +143,7 @@ function Aftersale(props: {
   }, [admin])
 
   return (
-    <Card className="flex-1 max-sm:flex-col">
+    <Card className="flex-none max-sm:flex-col">
       <CardHeader>
         <CardTitle>
           <QrCodeIcon size={18}/>
@@ -240,7 +240,7 @@ function BasicForm(props: {
           }}
         >
           {({field}) => (
-            <Input {...field} placeholder="请输入用户名" className="w-48"/>
+            <Input {...field} placeholder="请输入用户名" className="w-48 max-xl:w-full"/>
           )}
         </FormField>
         <FormField<Schema>
@@ -252,7 +252,7 @@ function BasicForm(props: {
           }}
         >
           {({field}) => (
-            <Input {...field} placeholder="请输入邮箱" className="w-48"/>
+            <Input {...field} placeholder="请输入邮箱" className="w-48 max-xl:w-full"/>
           )}
         </FormField>
         <FormField<Schema>
@@ -264,7 +264,7 @@ function BasicForm(props: {
           }}
         >
           {({field}) => (
-            <Input {...field} placeholder="请输入QQ号" className="w-48"/>
+            <Input {...field} placeholder="请输入QQ号" className="w-48 max-xl:w-full"/>
           )}
         </FormField>
         <FormField<Schema>
@@ -276,7 +276,7 @@ function BasicForm(props: {
           }}
         >
           {({field}) => (
-            <Input {...field} placeholder="请输入微信号" className="w-48"/>
+            <Input {...field} placeholder="请输入微信号" className="w-48 max-xl:w-full"/>
           )}
         </FormField>
         <div className="flex justify-end gap-4 md:col-span-2  justify-self-stretch">