Fix website padding

jaredpalmer · May 10, 2023 · 43cbc41 · 43cbc41 · vercel · May 10, 2023
1 parent 3b3d16d
commit 43cbc41
Show file tree

Hide file tree

Showing 7 changed files with 7 additions and 7 deletions.
diff --git a/website/src/components/Footer.tsx b/website/src/components/Footer.tsx
@@ -8,7 +8,7 @@ export interface FooterProps {}
 export const Footer: React.FC<FooterProps> = props => {
   return (
     <div className="bg-gray-50 border-t border-gray-200">
-      <div className="container mx-auto py-12 lg:py-16 px-4 ">
+      <div className="container mx-auto py-12 lg:py-16 px-4 lg:px-0 ">
         <div className="lg:grid lg:grid-cols-3 lg:gap-8">
           <div className="lg:grid lg:grid-cols-3 gap-8 lg:col-span-2">
             <div className="mt-12 lg:mt-0">

diff --git a/website/src/components/Nav.tsx b/website/src/components/Nav.tsx
@@ -9,7 +9,7 @@ export const Nav: React.FC = () => {
   const router = useRouter();
   return (
     <div className="bg-white border-b border-gray-200">
-      <div className="container px-4 mx-auto">
+      <div className="container px-4 lg:px-0 mx-auto">
         <div className="grid grid-cols-1 md:grid-cols-12 md:gap-8">
           <div className="md:col-span-3 flex items-center justify-between h-16">
             <div>

diff --git a/website/src/pages/blog/[slug].tsx b/website/src/pages/blog/[slug].tsx
@@ -22,7 +22,7 @@ export default function PostPage({ source, frontMatter }: any) {
           <Nav />
         </Sticky>
         <Seo title={frontMatter.title + ' | Blog'} />
-        <div className="container max-w-3xl px-4 pt-6 pb-12 mx-auto sm:px-6 lg:px-8 max-w-screen">
+        <div className="container max-w-3xl px-4 pt-6 pb-12 mx-auto lg:px-8 max-w-screen">
           <div className="my-10 space-y-4">
             <div className="flex items-center ">
               {frontMatter.authors && frontMatter.authors.length > 0 && (

diff --git a/website/src/pages/blog/index.tsx b/website/src/pages/blog/index.tsx
@@ -23,7 +23,7 @@ export default function Index({ posts }: any) {
           title="Blog"
           description="The latest Formik news, announcements, articles, and resources."
         />
-        <div className="container px-4 pt-16 pb-20 mx-auto bg-white lg:pt-24 lg:pb-28">
+        <div className="container px-4 lg:px-0 pt-16 pb-20 mx-auto bg-white lg:pt-24 lg:pb-28">
           <div className="relative ">
             <div>
               <h1 className="text-3xl font-extrabold leading-9 tracking-tight text-gray-900 lg:text-5xl sm:text-4xl sm:leading-10 ">

diff --git a/website/src/pages/docs/[...slug].tsx b/website/src/pages/docs/[...slug].tsx
@@ -108,7 +108,7 @@ export default function Docs({ page, routes, route: _route }: DocsProps) {
                   </SidebarMobile>
                 </Sticky>
 
-                <div className="container mx-auto pb-12 pt-6 px-4 content">
+                <div className="container mx-auto pb-12 pt-6 px-4 lg:px-0 content">
                   <div className="flex relative">
                     <Sidebar fixed>
                       <SidebarRoutes routes={routes} />

diff --git a/website/src/pages/index.tsx b/website/src/pages/index.tsx
@@ -114,7 +114,7 @@ const Home: React.FC<HomeProps> = props => {
         </div>
         <div className="text-lg border-t border-gray-100 bg-gray-50 ">
           <div className="py-24  ">
-            <div className="mx-auto container px-4">
+            <div className="mx-auto container px-4 lg:px-0">
               <div className="lg:grid lg:grid-cols-3 lg:gap-8">
                 <div>
                   <div>

diff --git a/website/src/pages/users.tsx b/website/src/pages/users.tsx
@@ -37,7 +37,7 @@ const Users: React.FC<UsersProps> = props => {
         description="Companies and projects using Formik in production."
       />
       <Container>
-        <div className="container px-4 my-12 space-y-12">
+        <div className="container px-4 lg:px-0 my-12 space-y-12">
           <div className="lg:text-center">
             <p className="text-base font-semibold leading-6 tracking-wide text-blue-600 uppercase">
               Showcase