WrenchBoard/Users-Wrench
3
0
Fork 0
Code Issues Pull Requests Releases Activity

family banner img height reduced

Browse Source
This commit was merged in pull request #593.
This commit is contained in:
victorAnumudu
2024-02-28 15:48:59 +01:00
parent 353c372284
commit 059fdaf294
1 changed files with 6 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/Home/FamilyDash.jsx
+6 -6
View File
@@ -86,9 +86,9 @@ export default function FamilyDash({ familyOffers, MyActiveJobList }) {
return ( return (
<Link key={item} to={`/${action}`} className={`rounded-xl bg-white dark:bg-dark-white shadow-md flex justify-center items-center transition-all duration-300 hover:shadow-sm`}> <Link key={item} to={`/${action}`} className={`rounded-xl bg-white dark:bg-dark-white shadow-md flex justify-center items-center transition-all duration-300 hover:shadow-sm`}>
<div className="h-full w-full"> <div className="h-full w-full">
<img className="w-full h-[12rem] object-cover object-left rounded-t-xl" src={content.banner.image} alt='banner image' /> <img className="w-full h-[10rem] object-cover object-left rounded-t-xl" src={content.banner.image} alt='banner image' />
<div className="flex flex-col justify-between"> <div className="flex flex-col justify-between">
<div className="px-2 py-2 border-b border-transparent min-h-[5.4rem] flex flex-col gap-1"> <div className="px-2 py-2 border-b border-transparent min-h-[4rem] flex flex-col gap-1">
<h1 className="text-lg text-[#083e21] dark:text-white font-bold tracking-wide">{content.banner.text}</h1> <h1 className="text-lg text-[#083e21] dark:text-white font-bold tracking-wide">{content.banner.text}</h1>
<p className="text-sm text-black dark:text-white">{content.banner.description}</p> <p className="text-sm text-black dark:text-white">{content.banner.description}</p>
</div> </div>
@@ -112,7 +112,7 @@ export default function FamilyDash({ familyOffers, MyActiveJobList }) {
{tab_categories?.data && {tab_categories?.data &&
<div className="mb-4"> <div className="mb-4">
<h1 className="my-4 text-26 font-bold text-dark-gray dark:text-white tracking-wide">Resources</h1> <h1 className="my-4 text-26 font-bold text-dark-gray dark:text-white tracking-wide">Resources</h1>
<div className="w-full grid grid-cols-2 md:grid-cols-3 gap-2 md:gap-4"> <div className="w-full grid grid-cols-2 md:grid-cols-4 gap-2 md:gap-4">
{tab_categories.data.map((item) => { {tab_categories.data.map((item) => {
if(item.enabled){ if(item.enabled){
return ( return (
@@ -120,19 +120,19 @@ export default function FamilyDash({ familyOffers, MyActiveJobList }) {
<div className="h-full w-full"> <div className="h-full w-full">
<img className="w-full h-[12rem] object-cover rounded-t-xl" src={item?.banner} alt='banner image' /> <img className="w-full h-[12rem] object-cover rounded-t-xl" src={item?.banner} alt='banner image' />
<div className="flex flex-col justify-between"> <div className="flex flex-col justify-between">
<div className="px-2 py-2 border-b border-transparent min-h-[5.4rem] flex flex-col gap-1"> <div className="px-2 py-1 border-b border-slate-300 min-h-[5rem] flex flex-col gap-1">
<h1 className="text-lg text-[#083e21] dark:text-white font-bold tracking-wide">{item?.content}</h1> <h1 className="text-lg text-[#083e21] dark:text-white font-bold tracking-wide">{item?.content}</h1>
{/* <p className="text-sm text-black dark:text-white">{'Description'}</p> */} {/* <p className="text-sm text-black dark:text-white">{'Description'}</p> */}
</div> </div>
{/* <div className="px-2 py-1 flex justify-between items-center"> <div className="px-2 py-1 flex justify-between items-center">
<span className="text-slate-400 dark:text-slate-200 text-sm">6w ago</span> <span className="text-slate-400 dark:text-slate-200 text-sm">6w ago</span>
<div className="flex justify-center gap-1"> <div className="flex justify-center gap-1">
<div className="w-1 h-1 bg-slate-400 rounded-full"></div> <div className="w-1 h-1 bg-slate-400 rounded-full"></div>
<div className="w-1 h-1 bg-slate-400 rounded-full"></div> <div className="w-1 h-1 bg-slate-400 rounded-full"></div>
<div className="w-1 h-1 bg-slate-400 rounded-full"></div> <div className="w-1 h-1 bg-slate-400 rounded-full"></div>
</div> </div>
</div> */} </div>
</div> </div>
</div> </div>
</Link> </Link>