fix: vertical container layout style

Signed-off-by: Innei <[email protected]>

Author: Innei

src/app/(app)/(home)/page.tsx

@@ -90,7 +90,7 @@ const TwoColumnLayout = ({
   rightContainerClassName?: string
 }) => {
   return (
-    <div className="relative flex h-full w-full flex-col flex-wrap items-center lg:flex-row">
+    <div className="relative flex h-full w-full max-w-[1800px] flex-col flex-wrap items-center lg:flex-row">
       {children.slice(0, 2).map((child, i) => {
         return (
           <div

src/app/(app)/posts/(post-detail)/Container.tsx

@@ -1,6 +1,6 @@
 export const Container: Component = ({ children }) => {
   return (
-    <div className="container m-auto mt-[120px] max-w-7xl px-2 md:px-6 lg:p-0">
+    <div className="container m-auto mt-[120px] max-w-7xl px-2 md:px-6 lg:px-4 xl:px-0">
       {children}
     </div>
   )