lanhu/web
2
0
Fork 0
Code Issues Actions Packages Releases 11 Activity

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

Browse Source
This commit is contained in:
Eamon-meng
2025-06-11 10:10:32 +08:00
parent 7bceedb8f2
commit 0bd615654a
2 changed files with 8 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/app/admin/identify/page.tsx
View File

@@ -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="个人认证"/>

12
src/app/admin/profile/page.tsx
View File

@@ -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">