Minor adjustments to spacing

raphaeling · Oct 24, 2023 · 632ff8a · 632ff8a
1 parent c27c461
commit 632ff8a
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 3 deletions.
diff --git a/src/app/(pages)/layout.tsx b/src/app/(pages)/layout.tsx
@@ -11,7 +11,7 @@ export default function Layout({
       <header className='bg-lightest relative'>
         <NavBar />
       </header>
-      <main className='justify-center px-12 md:px-24 pb-24 pt-64 text-lg'>
+      <main className='justify-center px-12 md:px-24 pb-24 pt-60 text-lg'>
         {children}
       </main>
       <Footer />

diff --git a/src/components/root/footer.tsx b/src/components/root/footer.tsx
@@ -2,7 +2,7 @@ import ExternalLink from './external-link';
 
 export default function Footer() {
   return (
-    <div className='px-12 md:px-24 font-body text-md text-dark font-thin justify-center pt-6 sm:pt-24 pb-6'>
+    <div className='px-12 md:px-24 font-body text-md text-dark font-thin justify-center pt-6 sm:pt-12 pb-6'>
       <p>
         Made with ♡ + matcha using&nbsp;
         <ExternalLink href='https://nextjs.org/' underline className='hover:text-light'>

diff --git a/src/components/root/navbar.tsx b/src/components/root/navbar.tsx
@@ -7,7 +7,7 @@ import navItems from '@/utils/nav-items';
 export default function NavBar(): JSX.Element {
   const currentPage = usePathname();
   return (
-    <nav className='w-48 absolute inset-y-0 right-0 pt-12 md:pt-24 pr-12 mr-10'>
+    <nav className='w-48 absolute inset-y-0 right-0 pt-12 md:pt-20 pr-12 mr-10'>
       <ul className='lg:fixed z-10 w-48 font-display font-thin text-right text-dark text-2xl'>
         {navItems.map((item, index) => (
           <li