From 49939b56849c451cdabee6e819f236f2ff9568bf Mon Sep 17 00:00:00 2001
From: Johnson Mao <tutelary.maomao@gmail.com>
Date: Sat, 4 Nov 2023 16:56:02 +0800
Subject: [PATCH] =?UTF-8?q?=F0=9F=92=84=20update=20style?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/app/[lang]/page.tsx                | 2 +-
 src/app/[lang]/posts/[postId]/page.tsx | 2 +-
 src/app/[lang]/posts/page.tsx          | 2 +-
 src/components/Container/Container.tsx | 4 ++--
 4 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/app/[lang]/page.tsx b/src/app/[lang]/page.tsx
index 983e7eb..763bff8 100644
--- a/src/app/[lang]/page.tsx
+++ b/src/app/[lang]/page.tsx
@@ -24,7 +24,7 @@ async function RootPage({ params: { lang } }: RootParams) {
 
   return (
     <>
-      <Container className="py-8">
+      <Container className="pb-8">
         <H1 className="mb-4 text-3xl font-bold dark:text-white">
           {metadata.title}
         </H1>
diff --git a/src/app/[lang]/posts/[postId]/page.tsx b/src/app/[lang]/posts/[postId]/page.tsx
index 0995456..25641e2 100644
--- a/src/app/[lang]/posts/[postId]/page.tsx
+++ b/src/app/[lang]/posts/[postId]/page.tsx
@@ -39,7 +39,7 @@ async function PostPage({ params: { postId } }: PostParams) {
 
   return (
     <>
-      <Container className="py-8">
+      <Container className="pb-8">
         <H1 className="mb-4 text-3xl font-bold dark:text-white">
           {frontmatter.title}
         </H1>
diff --git a/src/app/[lang]/posts/page.tsx b/src/app/[lang]/posts/page.tsx
index 71c3cbd..f711d44 100644
--- a/src/app/[lang]/posts/page.tsx
+++ b/src/app/[lang]/posts/page.tsx
@@ -24,7 +24,7 @@ async function RootPage({ params: { lang } }: RootParams) {
 
   return (
     <>
-      <Container className="py-8">
+      <Container className="pb-8">
         <H1 className="mb-4 text-3xl font-bold dark:text-white">
           {metadata.title}
         </H1>
diff --git a/src/components/Container/Container.tsx b/src/components/Container/Container.tsx
index 5ddc3be..63e4c17 100644
--- a/src/components/Container/Container.tsx
+++ b/src/components/Container/Container.tsx
@@ -11,9 +11,9 @@ function Container({ as = 'div', className, ...props }: ContainerProps) {
   return (
     <Component
       className={cn(
-        'px-7 md:mx-8 lg:mx-16 lg:px-14',
+        'px-7 mx-2 md:mx-8 lg:mx-16 lg:px-14',
         as === 'main' &&
-          'mt-4 rounded-lg border-2 border-zinc-500 bg-zinc-100/70 dark:bg-zinc-900/70',
+          'rounded-lg border-2 border-zinc-500 bg-zinc-100/70 dark:bg-zinc-900/70',
         className
       )}
       {...props}