feat(global): adjust container size and resize footer

xaviernouaille · Sep 18, 2024 · 000d25b · 000d25b
1 parent b31a148
commit 000d25b
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 8 deletions.
diff --git a/src/app/components/Footer.tsx b/src/app/components/Footer.tsx
@@ -4,9 +4,9 @@ const Footer = () => {
   return (
     <section
       id='footer'
-      className='mt-24 md:mt-24 max-w-[850px] px-6 mx-auto pb-16 md:px-0 border-t pt-8 border-slate-300'
+      className='mt-24 md:mt-24 container px-6 mx-auto pb-16 md:px-0 border-t pt-8 border-slate-300'
     >
-      <ul className='flex flex-col md:flex-row md:items-center md:space-x-6 text-slate-600 mb-5'>
+      <ul className='flex flex-col md:flex-row md:items-center md:space-x-6 text-slate-600 mb-5 text-sm'>
         <Link href='tel:+33778389134'>+33 7 78 38 91 34</Link>
         <Link href='mailto:xavier.nouaille@pm.me'>xavier.nouaille@pm.me</Link>
         <Link

diff --git a/src/app/components/Header.tsx b/src/app/components/Header.tsx
@@ -29,9 +29,9 @@ const Header = () => {
     <div className='sticky top-6 z-30 -mx-px transition duration-75 will-change-transform opacity-100'>
       <div
         className={clsx(
-          'bg-slate-100/30 flex justify-between items-center transition-all border border-transparent ease-in-out duration-200 max-w-[900px] mx-2 sm:mx-auto rounded-2xl py-2 pl-3 pr-4 md:pr-6 shadow-surface-glass backdrop-blur',
+          'bg-slate-100/30 flex justify-between items-center transition-all border border-transparent ease-in-out duration-200 max-w-[850px] mx-2 sm:mx-auto rounded-2xl py-2 pl-3 pr-4 md:pr-6 shadow-surface-glass backdrop-blur',
           {
-            'border-gray-200 max-w-[930px] border-opacity-50': isScrolled,
+            'border-gray-200 max-w-[880px] border-opacity-50': isScrolled,
           },
         )}
       >
@@ -40,7 +40,7 @@ const Header = () => {
           <img
             src='https://media.licdn.com/dms/image/v2/D4E03AQG9WfSmyJRX1w/profile-displayphoto-shrink_800_800/profile-displayphoto-shrink_800_800/0/1723508921407?e=1731542400&v=beta&t=Ho4p7LwvnWMufmdLRhWAB5PK-QS20zqU_sulKX9Zxf0'
             alt='Xavier Nouaille'
-            className='w-10 h-10 rounded-full'
+            className='w-10 h-10 rounded-full hover:scale-110 transition-all ease-in-out duration-300'
           />
         </Link>
         <div>

diff --git a/tailwind.config.ts b/tailwind.config.ts
@@ -15,9 +15,9 @@ const config: Config = {
       },
       screens: {
         sm: '100%',
-        md: '700px',
-        lg: '700px',
-        xl: '700px',
+        md: '600px',
+        lg: '600px',
+        xl: '600px',
       },
     },
     extend: {