style: fix navbar overlap on public pages by adding top padding

This commit is contained in:
dyzulk
2026-01-09 13:14:45 +07:00
parent ea37aa0b21
commit 3552c7df5a
5 changed files with 6 additions and 6 deletions

View File

@@ -31,7 +31,7 @@ export default function ForgotPasswordClient() {
};
return (
<div className="relative z-1 bg-white p-6 sm:p-0 dark:bg-gray-900 flex-grow flex">
<div className="relative z-1 bg-white pt-24 pb-6 px-6 sm:pt-32 sm:pb-0 sm:px-0 dark:bg-gray-900 flex-grow flex">
{/* Form Section */}
<div className="flex w-full flex-1 flex-col lg:w-1/2 justify-center">
<div className="mx-auto w-full max-w-md pt-5 sm:py-10 px-4 sm:px-0">

View File

@@ -81,7 +81,7 @@ function LegalContent() {
}
return (
<div className="max-w-4xl mx-auto px-4 py-12">
<div className="max-w-4xl mx-auto px-4 pt-24 sm:pt-32 pb-12">
<Link href="/legal" className="inline-flex items-center gap-2 text-sm text-gray-500 hover:text-brand-600 mb-8 transition-colors">
<ArrowRight className="rotate-180" size={16} />
{t('center_title')}
@@ -122,7 +122,7 @@ function LegalContent() {
// View: Index List
return (
<div className="min-h-screen bg-gray-50 dark:bg-gray-900 pb-20">
<div className="min-h-screen bg-gray-50 dark:bg-gray-900 pt-20 pb-20">
{/* Hero Section */}
<div className="bg-white dark:bg-gray-800 border-b border-gray-200 dark:border-gray-700 py-16 md:py-24 relative overflow-hidden">
<div className="absolute top-0 left-0 w-full h-full opacity-30 dark:opacity-10 pointer-events-none bg-[radial-gradient(circle_at_top_right,_var(--tw-gradient-stops))] from-brand-100 via-transparent to-transparent"></div>

View File

@@ -48,7 +48,7 @@ export default function ResetPasswordClient() {
};
return (
<div className="relative z-1 bg-white p-6 sm:p-0 dark:bg-gray-900 flex-grow flex">
<div className="relative z-1 bg-white pt-24 pb-6 px-6 sm:pt-32 sm:pb-0 sm:px-0 dark:bg-gray-900 flex-grow flex">
<div className="flex w-full flex-1 flex-col lg:w-1/2 justify-center">
<div className="mx-auto w-full max-w-md pt-5 sm:py-10 px-4 sm:px-0">
<div className="mb-5 sm:mb-8">

View File

@@ -75,7 +75,7 @@ export default function SigninClient() {
};
return (
<div className="relative z-1 bg-white p-6 sm:p-0 dark:bg-gray-900 flex-grow flex">
<div className="relative z-1 bg-white pt-24 pb-6 px-6 sm:pt-32 sm:pb-0 sm:px-0 dark:bg-gray-900 flex-grow flex">
{/* Form Section */}
<div className="flex w-full flex-1 flex-col lg:w-1/2 justify-center">
<div className="mx-auto w-full max-w-md pt-5 sm:py-10 px-4 sm:px-0">

View File

@@ -61,7 +61,7 @@ export default function SignupClient() {
};
return (
<div className="relative z-1 bg-white p-6 sm:p-0 dark:bg-gray-900 flex-grow flex">
<div className="relative z-1 bg-white pt-24 pb-6 px-6 sm:pt-32 sm:pb-0 sm:px-0 dark:bg-gray-900 flex-grow flex">
{/* Form Section */}
<div className="flex w-full flex-1 flex-col lg:w-1/2 justify-center">
<div className="mx-auto w-full max-w-md pt-5 sm:py-10 px-4 sm:px-0">