feat: 调整登录、注册和重置密码页面的内边距,提升页面布局一致性

This commit is contained in:
2025-09-24 12:29:53 +08:00
parent 54f236a26a
commit 7823264d80
3 changed files with 5 additions and 5 deletions

View File

@ -4,7 +4,7 @@ import { AuthHeader } from '@/components/auth/common/auth-header'
function LoginPageContent() { function LoginPageContent() {
return ( return (
<div className="bg-muted flex min-h-svh flex-col items-center justify-center gap-6 p-6 md:p-10"> <div className="bg-muted flex min-h-svh flex-col items-center justify-center gap-6 p-2 md:p-10">
<div className="flex w-full max-w-sm flex-col gap-6"> <div className="flex w-full max-w-sm flex-col gap-6">
<AuthHeader /> <AuthHeader />
<LoginForm /> <LoginForm />
@ -16,7 +16,7 @@ function LoginPageContent() {
export default function LoginPage() { export default function LoginPage() {
return ( return (
<Suspense fallback={( <Suspense fallback={(
<div className="bg-muted flex min-h-svh flex-col items-center justify-center gap-6 p-6 md:p-10"> <div className="bg-muted flex min-h-svh flex-col items-center justify-center gap-6 p-2 md:p-10">
<div className="flex w-full max-w-sm flex-col gap-6"> <div className="flex w-full max-w-sm flex-col gap-6">
<div className="animate-pulse"> <div className="animate-pulse">
<div className="flex items-center gap-3 self-center mb-6"> <div className="flex items-center gap-3 self-center mb-6">

View File

@ -4,7 +4,7 @@ import { RegisterForm } from '@/components/auth/register/register-form'
function PageContent() { function PageContent() {
return ( return (
<div className="bg-muted flex min-h-svh flex-col items-center justify-center gap-6 p-6 md:p-10"> <div className="bg-muted flex min-h-svh flex-col items-center justify-center gap-6 p-2 md:p-10">
<div className="flex w-full max-w-sm flex-col gap-6"> <div className="flex w-full max-w-sm flex-col gap-6">
<AuthHeader /> <AuthHeader />
<RegisterForm /> <RegisterForm />
@ -16,7 +16,7 @@ function PageContent() {
export default function Page() { export default function Page() {
return ( return (
<Suspense fallback={( <Suspense fallback={(
<div className="bg-muted flex min-h-svh flex-col items-center justify-center gap-6 p-6 md:p-10"> <div className="bg-muted flex min-h-svh flex-col items-center justify-center gap-6 p-2 md:p-10">
<div className="flex w-full max-w-sm flex-col gap-6"> <div className="flex w-full max-w-sm flex-col gap-6">
<div className="animate-pulse"> <div className="animate-pulse">
<div className="flex items-center gap-3 self-center mb-6"> <div className="flex items-center gap-3 self-center mb-6">

View File

@ -2,7 +2,7 @@ import { AuthHeader } from "@/components/auth/common/auth-header";
import { ResetPasswordForm } from "@/components/auth/reset-password/reset-password-form"; import { ResetPasswordForm } from "@/components/auth/reset-password/reset-password-form";
export default function Page() { export default function Page() {
return ( return (
<div className="bg-muted flex min-h-svh flex-col items-center justify-center gap-6 p-6 md:p-10"> <div className="bg-muted flex min-h-svh flex-col items-center justify-center gap-6 p-2 md:p-10">
<div className="flex w-full max-w-sm flex-col gap-6"> <div className="flex w-full max-w-sm flex-col gap-6">
<AuthHeader /> <AuthHeader />
<ResetPasswordForm /> <ResetPasswordForm />