GithubBackup/moemail
1
0
Fork 0
mirror of https://github.com/beilunyang/moemail.git synced 2026-09-08 08:46:36 +08:00
Code Issues Packages Projects Releases Wiki Activity

refactor(ui): Improve responsive layout and spacing across components

Browse Source
This commit is contained in:
beilunyang
2025-10-18 20:37:09 +08:00
parent dbe8c42b11
commit 9ad1707b00
4 changed files with 14 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/[locale]/page.tsx
+9 -9
View File
@@ -19,15 +19,15 @@ export default async function Home({
const t = await getTranslations({ locale, namespace: "home" })
return (
<div className="bg-gradient-to-b from-gray-50 to-gray-100 dark:from-gray-900 dark:to-gray-800 h-screen">
<div className="container mx-auto h-full px-4 lg:px-8 max-w-[1600px]">
<div className="bg-gradient-to-b from-gray-50 to-gray-100 dark:from-gray-900 dark:to-gray-800 min-h-screen">
<div className="container mx-auto px-4 lg:px-8 max-w-[1600px]">
<Header />
<main className="h-full">
<div className="h-[calc(100vh-4rem)] flex flex-col items-center justify-center text-center px-4 relative">
<main className="pt-16">
<div className="h-[calc(100vh-4rem)] flex flex-col items-center justify-center text-center px-2 relative overflow-hidden">
<div className="absolute inset-0 -z-10 bg-grid-primary/5" />
<div className="w-full max-w-3xl mx-auto space-y-12 py-8">
<div className="space-y-4">
<div className="w-full max-w-3xl mx-auto space-y-6 sm:space-y-8 py-4">
<div className="space-y-2 sm:space-y-3">
<h1 className="text-3xl sm:text-4xl md:text-5xl font-bold tracking-wider">
<span className="bg-clip-text text-transparent bg-gradient-to-r from-primary to-purple-600">
{t("title")}
@@ -38,7 +38,7 @@ export default async function Home({
</p>
</div>
<div className="grid grid-cols-1 sm:grid-cols-2 gap-4 px-4 sm:px-0">
<div className="grid grid-cols-1 sm:grid-cols-2 gap-3 sm:gap-4 px-2 sm:px-0">
<FeatureCard
icon={<Shield className="w-5 h-5" />}
title={t("features.privacy.title")}
@@ -61,7 +61,7 @@ export default async function Home({
/>
</div>
<div className="flex flex-col sm:flex-row items-center justify-center gap-4 px-4 sm:px-0">
<div className="flex flex-col sm:flex-row items-center justify-center gap-3 sm:gap-4 px-2 sm:px-0">
<ActionButton isLoggedIn={!!session} />
</div>
</div>