adjust text sizes

IslemMedjahdi · Dec 26, 2022 · 55bf559 · 55bf559
1 parent 4e65077
commit 55bf559
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 7 deletions.
diff --git a/src/components/layout/header/Header.tsx b/src/components/layout/header/Header.tsx
@@ -12,7 +12,7 @@ const Header = () => {
     <header className="flex items-center justify-between gap-x-4 border-b py-4 px-4">
       <div className="flex items-center gap-x-4">
         <button className="p-1 hover:bg-gray-50">
-          <ICONS.MENU className="text-2xl" />
+          <ICONS.MENU className="text-xl" />
         </button>
         <Link
           href={ROUTES.HOME.path}
@@ -27,7 +27,7 @@ const Header = () => {
       <div className="flex items-center gap-x-4">
         <nav className="hidden items-center gap-x-4 md:flex ">
           {NAV.map((item) => (
-            <Link className="font-medium" href={item.path}>
+            <Link className="text-base font-medium" href={item.path}>
               {item.name}
             </Link>
           ))}

diff --git a/src/components/layout/header/ProfileMenu.tsx b/src/components/layout/header/ProfileMenu.tsx
@@ -13,7 +13,7 @@ const ProfileMenu = () => {
     return <></>;
   }
   const ProfileImage = () => (
-    <div className="rounded-full bg-blue-primary p-2 font-medium text-white">
+    <div className="rounded-full bg-blue-primary p-2 text-sm font-medium text-white">
       {currentUser.firstName[0]} {currentUser.lastName[0]}
     </div>
   );
@@ -37,7 +37,7 @@ const ProfileMenu = () => {
             <Menu.Item>
               <Link
                 href={ROUTES.HOME.path}
-                className="flex flex-wrap items-center gap-x-2 px-3 py-2 hover:bg-gray-50 "
+                className="flex flex-wrap items-center gap-x-2 px-3 py-2 text-sm font-medium hover:bg-gray-50 "
               >
                 <ProfileImage />
                 <p>
@@ -48,7 +48,7 @@ const ProfileMenu = () => {
             {MENU_NAV.map((item) => (
               <Menu.Item>
                 <Link
-                  className="flex flex-wrap items-center gap-x-2 px-3 py-4 hover:bg-gray-50"
+                  className="flex flex-wrap items-center gap-x-2 px-3 py-4 text-sm font-medium  hover:bg-gray-50"
                   href={item.path}
                 >
                   {item.name}
@@ -58,7 +58,7 @@ const ProfileMenu = () => {
             {NAV.map((item) => (
               <Menu.Item>
                 <Link
-                  className="flex flex-wrap items-center gap-x-2 px-2 py-4 hover:bg-gray-50 md:hidden "
+                  className="flex flex-wrap items-center gap-x-2 px-2 py-4 text-sm font-medium hover:bg-gray-50 md:hidden "
                   href={item.path}
                 >
                   {item.name}
@@ -68,7 +68,7 @@ const ProfileMenu = () => {
             <Menu.Item>
               <div
                 onClick={signOut}
-                className="flex cursor-pointer flex-wrap items-center gap-x-2 px-2 py-4 hover:bg-gray-50"
+                className="flex cursor-pointer flex-wrap items-center gap-x-2 px-2 py-4 text-sm font-medium hover:bg-gray-50"
               >
                 <p>Se déconnecter</p>
               </div>

diff --git a/tailwind.config.js b/tailwind.config.js
@@ -18,6 +18,9 @@ module.exports = {
         sans: ["'Open Sans'", "sans-serif"],
         serif: ["'Merriweather'", "serif"],
       },
+      fontSize: {
+        base: "0.9375rem",
+      },
     },
   },
   plugins: [],