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

Merge branch 'market-thumbnail' of WrenchBoard/Users-Wrench into master

Browse Source
This commit is contained in:
Olusesan Ameye
2024-06-01 13:25:12 +00:00
committed by Gogs
parent aee1b9e3bb 05453661ee
commit ef99a8f1f7
1 changed files with 33 additions and 26 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/Cards/AvailableJobsCard.jsx
+33 -26
View File
@@ -44,39 +44,46 @@ export default function AvailableJobsCard({
}} }}
className="flex flex-col justify-between w-full h-full" className="flex flex-col justify-between w-full h-full"
> >
<h1 className="font-bold text-xl tracking-wide line-clamp-1 text-dark-gray dark:text-white capitalize"> <div className='w-full flex items-center gap-4'>
{datas.title} <div className='min-w-[60px] min-h-[60px] max-w-[60px] max-h-[60px] rounded-full overflow-hidden'>
</h1> <img className='w-full h-full object-cover' src={image} alt='Job Image' />
<div className="card-two-info flex justify-between items-center">
<div className="owned-by flex space-x-2 items-center">
<div>
<p className="text-thin-light-gray text-sm leading-3">
Added
</p>
<p className="text-base text-dark-gray dark:text-white">
{new Date(datas.offer_added).toLocaleDateString()}
</p>
</div>
</div> </div>
<div className="w-[1px] bg-light-purple dark:bg-dark-light-purple h-7"></div> <div className='w-full'>
<div className="created-by flex space-x-2 items-center flex-row-reverse"> <h1 className="font-bold text-xl tracking-wide line-clamp-1 text-dark-gray dark:text-white capitalize">
<div> {datas.title}
<p className="text-thin-light-gray text-sm leading-3 text-right"> </h1>
Expires
</p> <div className="card-two-info flex justify-between items-center">
<p className="text-base text-dark-gray dark:text-white text-right"> <div className="owned-by flex space-x-2 items-center">
{new Date(datas.expire).toLocaleDateString()} <div>
</p> <p className="text-thin-light-gray text-sm leading-3">
Added
</p>
<p className="text-base text-dark-gray dark:text-white">
{new Date(datas.offer_added).toLocaleDateString()}
</p>
</div>
</div>
<div className="w-[1px] bg-light-purple dark:bg-dark-light-purple h-7"></div>
<div className="created-by flex space-x-2 items-center flex-row-reverse">
<div>
<p className="text-thin-light-gray text-sm leading-3 text-right">
Expires
</p>
<p className="text-base text-dark-gray dark:text-white text-right">
{new Date(datas.expire).toLocaleDateString()}
</p>
</div>
</div>
</div> </div>
</div> </div>
</div> </div>
<div className="thumbnail-area w-full"> <div className="thumbnail-area w-full">
<div <div
className="w-full h-[236px] p-6 rounded-xl overflow-hidden bg-center bg-cover bg-no-repeat" className="w-full h-[236px] p-6 rounded-xl overflow-hidden bg-center bg-cover bg-no-repeat"
style={{ // style={{
backgroundImage: `url('${image}')`, // backgroundImage: `url('${image}')`,
}} // }}
> >
<div className="flex justify-center bg-slate-100 p-2 rounded-md"> <div className="flex justify-center bg-slate-100 p-2 rounded-md">
{datas.description} {datas.description}