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
+10 -3
View File
@@ -44,6 +44,11 @@ export default function AvailableJobsCard({
}} }}
className="flex flex-col justify-between w-full h-full" className="flex flex-col justify-between w-full h-full"
> >
<div className='w-full flex items-center gap-4'>
<div className='min-w-[60px] min-h-[60px] max-w-[60px] max-h-[60px] rounded-full overflow-hidden'>
<img className='w-full h-full object-cover' src={image} alt='Job Image' />
</div>
<div className='w-full'>
<h1 className="font-bold text-xl tracking-wide line-clamp-1 text-dark-gray dark:text-white capitalize"> <h1 className="font-bold text-xl tracking-wide line-clamp-1 text-dark-gray dark:text-white capitalize">
{datas.title} {datas.title}
</h1> </h1>
@@ -71,12 +76,14 @@ export default function AvailableJobsCard({
</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}