💄 update style

JohnsonMao · Nov 4, 2023 · 49939b5 · 49939b5
1 parent 73d2978
commit 49939b5
Show file tree

Hide file tree

Showing 4 changed files with 5 additions and 5 deletions.
diff --git 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
@@ -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
@@ -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
@@ -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}