Adjust spacing for iPads

yen223 · Nov 5, 2024 · db14f24 · db14f24
1 parent 08e1440
commit db14f24
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 3 deletions.
diff --git a/app/components/Container.tsx b/app/components/Container.tsx
@@ -6,7 +6,7 @@ export const ContainerOuter = forwardRef<
   React.ComponentPropsWithoutRef<'div'>
 >(function OuterContainer({ className, children, ...props }, ref) {
   return (
-    <div ref={ref} className={clsx('sm:px-8', className)} {...props}>
+    <div ref={ref} className={clsx('sm:px-2', className)} {...props}>
       <div className="mx-auto w-full max-w-7xl lg:px-8">{children}</div>
     </div>
   )
@@ -19,7 +19,7 @@ export const ContainerInner = forwardRef<
   return (
     <div
       ref={ref}
-      className={clsx('relative px-4 sm:px-8 lg:px-12', className)}
+      className={clsx('relative px-4 sm:px-2 lg:px-12', className)}
       {...props}
     >
       <div className="mx-auto max-w-2xl lg:max-w-5xl">{children}</div>

diff --git a/app/routes/_index.tsx b/app/routes/_index.tsx
@@ -193,7 +193,7 @@ export default function Home() {
   const { articles } = LoaderDataZ.parse(data);
   return (
     <Container className={"mt-16"}>
-      <div className="mx-auto grid max-w-xl grid-cols-1 gap-y-20 lg:max-w-none lg:grid-cols-2">
+      <div className="mx-auto grid max-w-3xl grid-cols-1 gap-y-20 lg:max-w-none lg:grid-cols-2">
         <div className="flex flex-col gap-10 lg:pr-16 xl:pr-24">
           <Profile />
           {/* <Newsletter /> */}