From 5d59ff1b30a61428c3e2952e685d1848310f89f3 Mon Sep 17 00:00:00 2001
From: Ebube <ebube.ojinta@chiefsoft.com>
Date: Tue, 27 Feb 2024 19:35:53 +0100
Subject: [PATCH] Reduced component height

---
 src/components/Dashboards/FamilyParentDashboard.jsx | 4 ++--
 src/components/Dashboards/HomeDashboard.jsx         | 4 ++--
 src/components/Dashboards/JobOwnerDashboard.jsx     | 5 ++---
 src/components/Dashboards/WorkerDashboard.jsx       | 4 ++--
 4 files changed, 8 insertions(+), 9 deletions(-)

diff --git a/src/components/Dashboards/FamilyParentDashboard.jsx b/src/components/Dashboards/FamilyParentDashboard.jsx
index 97198f8..6589798 100644
--- a/src/components/Dashboards/FamilyParentDashboard.jsx
+++ b/src/components/Dashboards/FamilyParentDashboard.jsx
@@ -16,7 +16,7 @@ export default function JobOwnerDashboard({
 
   return (
     <div
-      className={`w-full min-h-[100px] flex lg:p-8 p-4 justify-between items-center gap-2 rounded-2xl overflow-hidden bg-sky-blue ${
+      className={`w-full h-[75px] flex p-4 justify-between items-center gap-2 rounded-2xl overflow-hidden bg-sky-blue ${
         className || ""
       }`}
       style={{
@@ -33,7 +33,7 @@ export default function JobOwnerDashboard({
           </h1>
           {/* user */}
           <div>
-            <p className="text-3xl tracking-wide font-bold antise text-white">
+            <p className="text-2xl tracking-wide font-bold antise text-white">
               {`${firstname} ${lastname}`}
             </p>
             <p className="text-sm tracking-wide text-white">@{userEmail}</p>
diff --git a/src/components/Dashboards/HomeDashboard.jsx b/src/components/Dashboards/HomeDashboard.jsx
index 97198f8..6589798 100644
--- a/src/components/Dashboards/HomeDashboard.jsx
+++ b/src/components/Dashboards/HomeDashboard.jsx
@@ -16,7 +16,7 @@ export default function JobOwnerDashboard({
 
   return (
     <div
-      className={`w-full min-h-[100px] flex lg:p-8 p-4 justify-between items-center gap-2 rounded-2xl overflow-hidden bg-sky-blue ${
+      className={`w-full h-[75px] flex p-4 justify-between items-center gap-2 rounded-2xl overflow-hidden bg-sky-blue ${
         className || ""
       }`}
       style={{
@@ -33,7 +33,7 @@ export default function JobOwnerDashboard({
           </h1>
           {/* user */}
           <div>
-            <p className="text-3xl tracking-wide font-bold antise text-white">
+            <p className="text-2xl tracking-wide font-bold antise text-white">
               {`${firstname} ${lastname}`}
             </p>
             <p className="text-sm tracking-wide text-white">@{userEmail}</p>
diff --git a/src/components/Dashboards/JobOwnerDashboard.jsx b/src/components/Dashboards/JobOwnerDashboard.jsx
index 2f8dc0d..6589798 100644
--- a/src/components/Dashboards/JobOwnerDashboard.jsx
+++ b/src/components/Dashboards/JobOwnerDashboard.jsx
@@ -16,7 +16,7 @@ export default function JobOwnerDashboard({
 
   return (
     <div
-      className={`w-full min-h-[100px] flex lg:p-8 p-4 justify-between items-center gap-2 rounded-2xl overflow-hidden bg-sky-blue ${
+      className={`w-full h-[75px] flex p-4 justify-between items-center gap-2 rounded-2xl overflow-hidden bg-sky-blue ${
         className || ""
       }`}
       style={{
@@ -33,7 +33,7 @@ export default function JobOwnerDashboard({
           </h1>
           {/* user */}
           <div>
-            <p className="text-3xl tracking-wide font-bold antise text-white">
+            <p className="text-2xl tracking-wide font-bold antise text-white">
               {`${firstname} ${lastname}`}
             </p>
             <p className="text-sm tracking-wide text-white">@{userEmail}</p>
@@ -79,4 +79,3 @@ export default function JobOwnerDashboard({
     </div>
   );
 }
-
diff --git a/src/components/Dashboards/WorkerDashboard.jsx b/src/components/Dashboards/WorkerDashboard.jsx
index 97198f8..6589798 100644
--- a/src/components/Dashboards/WorkerDashboard.jsx
+++ b/src/components/Dashboards/WorkerDashboard.jsx
@@ -16,7 +16,7 @@ export default function JobOwnerDashboard({
 
   return (
     <div
-      className={`w-full min-h-[100px] flex lg:p-8 p-4 justify-between items-center gap-2 rounded-2xl overflow-hidden bg-sky-blue ${
+      className={`w-full h-[75px] flex p-4 justify-between items-center gap-2 rounded-2xl overflow-hidden bg-sky-blue ${
         className || ""
       }`}
       style={{
@@ -33,7 +33,7 @@ export default function JobOwnerDashboard({
           </h1>
           {/* user */}
           <div>
-            <p className="text-3xl tracking-wide font-bold antise text-white">
+            <p className="text-2xl tracking-wide font-bold antise text-white">
               {`${firstname} ${lastname}`}
             </p>
             <p className="text-sm tracking-wide text-white">@{userEmail}</p>