btn color

This commit was merged in pull request #244.
This commit is contained in:
victorAnumudu
2023-07-04 10:56:53 +01:00
parent fffc51d77a
commit 0ff4e5cf1e
5 changed files with 19 additions and 19 deletions
+1 -1
View File
@@ -13,7 +13,7 @@ export default function FamilyDash(props) {
return ( return (
<div> <div>
<div className="home-page-wrapper"> <div className="home-page-wrapper">
<CommonHead commonHeadData={props.commonHeadData} /> {/* <CommonHead commonHeadData={props.commonHeadData} /> */}
<MyOffersFamilyTable MyActiveOffersList={trending} className="mb-10" /> <MyOffersFamilyTable MyActiveOffersList={trending} className="mb-10" />
<FamilyActiveLSlde trending={trending} className="mb-10" /> <FamilyActiveLSlde trending={trending} className="mb-10" />
{/*<TopSellerTopBuyerSliderSection className="mb-10" />*/} {/*<TopSellerTopBuyerSliderSection className="mb-10" />*/}
+1 -1
View File
@@ -14,7 +14,7 @@ export default function WalletHeader(props) {
let navigate = useNavigate(); let navigate = useNavigate();
return ( return (
<> <>
<div className="lg:flex hidden user-balance cursor-pointer lg:w-[152px] w-[150px] h-[48px] items-center rounded-full relative bg-purple pr-1.5 pl-4"> <div className="lg:flex hidden user-balance cursor-pointer lg:w-[152px] w-[150px] h-[48px] items-center rounded-full relative bg-sky-blue pr-1.5 pl-4">
<div <div
onClick={() => props.handlerBalance()} onClick={() => props.handlerBalance()}
className="flex items-center lg:justify-between justify-center w-full h-full" className="flex items-center lg:justify-between justify-center w-full h-full"
+1 -1
View File
@@ -487,7 +487,7 @@ export default function Header({ logoutModalHandler, sidebarHandler }) {
</div> </div>
<div className="lg:block hidden"> <div className="lg:block hidden">
<h1 className="text-xl font-bold text-dark-gray dark:text-white"> <h1 className="text-xl font-bold text-dark-gray dark:text-white">
{`${firstname} ${lastname}`} {firstname}
</h1> </h1>
{userDetails && userDetails?.account_type !== "FAMILY" && <p className="text-sm text-thin-light-gray">@{userEmail}</p>} {userDetails && userDetails?.account_type !== "FAMILY" && <p className="text-sm text-thin-light-gray">@{userEmail}</p>}
</div> </div>
+8 -8
View File
@@ -78,7 +78,7 @@ export default function MobileSidebar({ sidebar, action, logoutModalHandler, myJ
{/* menus item */} {/* menus item */}
<div className="menu-item transition-all duration-300 ease-in-out mb-5"> <div className="menu-item transition-all duration-300 ease-in-out mb-5">
<div className="heading mb-5 active"> <div className="heading mb-5 active">
<h1 className="title text-xl font-bold text-purple">Menu</h1> <h1 className="title text-xl font-bold text-sky-blue">Menu</h1>
</div> </div>
<div className="items"> <div className="items">
<ul className="flex flex-col space-y-6"> <ul className="flex flex-col space-y-6">
@@ -116,7 +116,7 @@ export default function MobileSidebar({ sidebar, action, logoutModalHandler, myJ
}`} }`}
> >
<div className="heading mb-5"> <div className="heading mb-5">
<h1 className="title text-xl font-bold text-purple"> <h1 className="title text-xl font-bold text-sky-blue">
Family Family
</h1> </h1>
</div> </div>
@@ -142,7 +142,7 @@ export default function MobileSidebar({ sidebar, action, logoutModalHandler, myJ
}`} }`}
> >
<div className="heading mb-5"> <div className="heading mb-5">
<h1 className="title text-xl font-bold text-purple"> <h1 className="title text-xl font-bold text-sky-blue">
Job Post Job Post
</h1> </h1>
</div> </div>
@@ -162,7 +162,7 @@ export default function MobileSidebar({ sidebar, action, logoutModalHandler, myJ
<Icons name="people-two" /> <Icons name="people-two" />
</span> </span>
<span <span
className={`item-content group-hover:text-purple text-[18px] transition-all duration-300 ease-in-out text-lighter-gray relative font-medium ${ className={`item-content group-hover:text-sky-blue text-[18px] transition-all duration-300 ease-in-out text-lighter-gray relative font-medium ${
sidebar ? "active flex-1" : "w-0" sidebar ? "active flex-1" : "w-0"
}`} }`}
> >
@@ -180,7 +180,7 @@ export default function MobileSidebar({ sidebar, action, logoutModalHandler, myJ
}`} }`}
> >
<div className="heading mb-5"> <div className="heading mb-5">
<h1 className="title text-xl font-bold text-purple"> <h1 className="title text-xl font-bold text-sky-blue">
My Jobs My Jobs
</h1> </h1>
</div> </div>
@@ -217,7 +217,7 @@ export default function MobileSidebar({ sidebar, action, logoutModalHandler, myJ
}`} }`}
> >
<div className="heading mb-5"> <div className="heading mb-5">
<h1 className="title text-xl font-bold text-purple"> <h1 className="title text-xl font-bold text-sky-blue">
My Jobs My Jobs
</h1> </h1>
</div> </div>
@@ -242,7 +242,7 @@ export default function MobileSidebar({ sidebar, action, logoutModalHandler, myJ
<button <button
onClick={logoutModalHandler} onClick={logoutModalHandler}
type="button" type="button"
className="signout-btn flex items-center space-x-1 p-2.5 w-2/3 h-[52px] bg-purple transition duration-300 ease-in-out hover:bg-gray-900 rounded-full" className="signout-btn flex items-center space-x-1 p-2.5 w-2/3 h-[52px] bg-sky-blue transition duration-300 ease-in-out hover:bg-gray-900 rounded-full"
> >
<span> <span>
<svg <svg
@@ -317,7 +317,7 @@ const ListItem = ({ sidebar, route, title, bubble, popup }) => {
<Icons name="market" /> <Icons name="market" />
</span> </span>
<span <span
className={`item-content relative group-hover:text-purple text-[18px] transition-all duration-300 ease-in-out text-lighter-gray font-medium ${ className={`item-content relative group-hover:text-sky-blue text-[18px] transition-all duration-300 ease-in-out text-lighter-gray font-medium ${
sidebar ? "active flex-1" : "w-0" sidebar ? "active flex-1" : "w-0"
}`} }`}
> >
+8 -8
View File
@@ -104,7 +104,7 @@ export default function Sidebar({
}`} }`}
> >
<div className="heading mb-5"> <div className="heading mb-5">
<h1 className="title text-xl font-bold text-purple">Menu</h1> <h1 className="title text-xl font-bold text-sky-blue">Menu</h1>
</div> </div>
<div className="items"> <div className="items">
<ul className="flex flex-col space-y-6"> <ul className="flex flex-col space-y-6">
@@ -143,7 +143,7 @@ export default function Sidebar({
}`} }`}
> >
<div className="heading mb-5"> <div className="heading mb-5">
<h1 className="title text-xl font-bold text-purple">Family</h1> <h1 className="title text-xl font-bold text-sky-blue">Family</h1>
</div> </div>
<div className="items"> <div className="items">
<ul className="flex flex-col space-y-6"> <ul className="flex flex-col space-y-6">
@@ -166,7 +166,7 @@ export default function Sidebar({
}`} }`}
> >
<div className="heading mb-5"> <div className="heading mb-5">
<h1 className="title text-xl font-bold text-purple"> <h1 className="title text-xl font-bold text-sky-blue">
Job Post Job Post
</h1> </h1>
</div> </div>
@@ -186,7 +186,7 @@ export default function Sidebar({
<Icons name="people-two" /> <Icons name="people-two" />
</span> </span>
<span <span
className={`item-content group-hover:text-purple text-[18px] transition-all duration-300 ease-in-out text-lighter-gray relative font-medium ${ className={`item-content group-hover:text-sky-blue text-[18px] transition-all duration-300 ease-in-out text-lighter-gray relative font-medium ${
sidebar ? "active flex-1" : "w-0" sidebar ? "active flex-1" : "w-0"
}`} }`}
> >
@@ -204,7 +204,7 @@ export default function Sidebar({
}`} }`}
> >
<div className="heading mb-5"> <div className="heading mb-5">
<h1 className="title text-xl font-bold text-purple"> <h1 className="title text-xl font-bold text-sky-blue">
My Jobs My Jobs
</h1> </h1>
</div> </div>
@@ -245,7 +245,7 @@ export default function Sidebar({
}`} }`}
> >
<div className="heading mb-5"> <div className="heading mb-5">
<h1 className="title text-xl font-bold text-purple"> <h1 className="title text-xl font-bold text-sky-blue">
My Jobs My Jobs
</h1> </h1>
</div> </div>
@@ -270,7 +270,7 @@ export default function Sidebar({
<button <button
onClick={logoutModalHandler} onClick={logoutModalHandler}
type="button" type="button"
className="signout-btn flex items-center space-x-1 p-2.5 w-2/3 h-[52px] bg-purple transition duration-300 ease-in-out hover:bg-gray-900 rounded-full" className="signout-btn flex items-center space-x-1 p-2.5 w-2/3 h-[52px] bg-sky-blue transition duration-300 ease-in-out hover:bg-gray-900 rounded-full"
> >
<span> <span>
<svg <svg
@@ -345,7 +345,7 @@ const ListItem = ({ sidebar, route, title, bubble, iconName, popup }) => {
<Icons name={iconName} /> <Icons name={iconName} />
</span> </span>
<span <span
className={`item-content relative group-hover:text-purple text-[18px] transition-all duration-300 ease-in-out text-lighter-gray font-medium ${ className={`item-content relative group-hover:text-sky-blue text-[18px] transition-all duration-300 ease-in-out text-lighter-gray font-medium ${
sidebar ? "active flex-1" : "w-0" sidebar ? "active flex-1" : "w-0"
}`} }`}
> >