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

个人中心页面调整样式

Browse Source
This commit is contained in:
Eamon-meng
2025-06-10 19:09:19 +08:00
parent 87621202a9
commit 7bceedb8f2
3 changed files with 25 additions and 26 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -103,12 +103,12 @@ export default function IdentifyPage(props: IdentifyPageProps) {
// ======================
return (
<Page className="flex-row">
<div className="flex-3/4 flex flex-col bg-white rounded-lg overflow-hidden gap-16">
<Page className="flex-row max-md:flex-col">
<div className="flex-3/4 flex flex-col bg-white rounded-lg gap-16">
{/* banner */}
<section className="flex-none basis-40 relative flex flex-col gap-4 pl-8 justify-center">
<Image src={banner} alt="背景图" aria-hidden className="absolute inset-0 w-full h-full object-cover"/>
<section className="flex-none basis-40 relative flex flex-col gap-4 pl-8 pr-4 justify-center">
<Image src={banner} alt="背景图" 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>
</section>
@@ -200,7 +200,7 @@ export default function IdentifyPage(props: IdentifyPageProps) {
<span className="bg-primary/25 text-primary w-8 h-8 rounded-full flex items-center justify-center">01</span>
<span>注册账号</span>
</span>
<Image alt="步骤配图" src={step1} aria-hidden/>
<Image alt="步骤配图" src={step1}/>
</p>
<div className="h-16 w-56 px-4 flex self-center">
<div className={merge(
@@ -214,7 +214,7 @@ export default function IdentifyPage(props: IdentifyPageProps) {
<span className="bg-primary/25 text-primary w-8 h-8 rounded-full flex items-center justify-center">02</span>
<span>实名认证</span>
</span>
<Image alt="步骤配图" src={step2} aria-hidden/>
<Image alt="步骤配图" src={step2}/>
</p>
<div className="h-16 w-56 px-4 flex self-center">
<div className={merge(
@@ -228,7 +228,7 @@ export default function IdentifyPage(props: IdentifyPageProps) {
<span className="bg-primary/25 text-primary w-8 h-8 rounded-full flex items-center justify-center">03</span>
<span>充值、支付</span>
</span>
<Image alt="步骤配图" src={step3} aria-hidden/>
<Image alt="步骤配图" src={step3}/>
</p>
</CardContent>
</Card>