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

button style changed

Browse Source
This commit was merged in pull request #117.
This commit is contained in:
victorAnumudu
2023-05-29 20:36:42 +01:00
parent d1e9c21dbb
commit b7b09fca66
2 changed files with 8 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/jobPopout/OfferJobPopout.jsx
+4 -4
View File
@@ -91,7 +91,7 @@ function OfferJobPopout({details, onClose, situation}) {
</div> </div>
<div className='md:flex bg-white rounded-lg shadow-lg'> <div className='md:flex bg-white rounded-lg shadow-lg'>
<div className='p-4 w-full md:w-3/4 md:border-r-2'> <div className='p-4 w-full md:w-3/4 md:border-r-2'>
<p className='text-lg my-5 font-semibold text-slate-900 tracking-wide'>Opportunity to make some money by introducing 10 of our recent stories from our</p> <p className='text-lg my-5 font-semibold text-slate-900 tracking-wide'>{details.title}</p>
{/* INPUT SECTION */} {/* INPUT SECTION */}
<div className='my-2 md:flex'> <div className='my-2 md:flex'>
@@ -148,7 +148,7 @@ function OfferJobPopout({details, onClose, situation}) {
name='accept' name='accept'
onClick={handleOffer} onClick={handleOffer}
disabled={requestStatus.loading} disabled={requestStatus.loading}
className='px-2 py-1 text-sm text-white btn-gradient tracking-wide rounded-md'> className='px-2 h-11 flex justify-center items-center btn-gradient text-base rounded-full text-white'>
Accept Offer Accept Offer
</button> </button>
} }
@@ -162,7 +162,7 @@ function OfferJobPopout({details, onClose, situation}) {
name='reject' name='reject'
onClick={handleOffer} onClick={handleOffer}
disabled={requestStatus.loading} disabled={requestStatus.loading}
className='px-2 py-1 text-sm text-white bg-red-500 hover:opacity-90 rounded-md'> className='px-2 h-11 flex justify-center items-center btn-gradient text-base rounded-full text-white'>
Reject Offer Reject Offer
</button> </button>
} }
@@ -191,7 +191,7 @@ function OfferJobPopout({details, onClose, situation}) {
onClick={onClose} onClick={onClose}
disabled={requestStatus.loading} disabled={requestStatus.loading}
type="button" type="button"
className=" border-gradient text-18 tracking-wide px-2 py-2 rounded-full" className="border-gradient text-18 tracking-wide px-2 py-2 rounded-full"
> >
<span className="text-gradient">Cancel</span> <span className="text-gradient">Cancel</span>
</button> </button>
src/components/jobPopout/PendingJobsPopout.jsx
+4 -4
View File
@@ -39,7 +39,7 @@ function PendingJobsPopout({details, onClose, situation}) {
</div> </div>
<div className='md:flex bg-white rounded-lg shadow-lg'> <div className='md:flex bg-white rounded-lg shadow-lg'>
<div className='p-4 w-full md:w-3/4 md:border-r-2'> <div className='p-4 w-full md:w-3/4 md:border-r-2'>
<p className='text-base font-semibold text-slate-900 tracking-wide'>Opportunity to make some money by introducing 10 of our recent stories from our</p> <p className='text-base font-semibold text-slate-900 tracking-wide'>{details.title}</p>
<div className='my-2 p-2 flex justify-start items-center space-x-2 bg-red-100 border-2 border-red-300'> <div className='my-2 p-2 flex justify-start items-center space-x-2 bg-red-100 border-2 border-red-300'>
<span className='w-8 h-8 text-center text-sm rounded-full flex justify-center items-center text-red-300 bg-yellow-100'>!</span> <span className='w-8 h-8 text-center text-sm rounded-full flex justify-center items-center text-red-300 bg-yellow-100'>!</span>
<div className=''> <div className=''>
@@ -110,15 +110,15 @@ function PendingJobsPopout({details, onClose, situation}) {
</div> </div>
<div className='my-3'> <div className='my-3'>
<button className='px-2 py-1 text-sm text-white btn-gradient tracking-wide rounded-md'>Extend by a week</button> <button className='px-2 h-11 flex justify-center items-center btn-gradient text-base rounded-full text-white'>Extend by a week</button>
</div> </div>
<div className='my-3'> <div className='my-3'>
<button className='px-2 py-1 text-sm text-white btn-gradient tracking-wide rounded-md'>Send to me</button> <button className='px-2 h-11 flex justify-center items-center btn-gradient text-base rounded-full text-white'>Send to me</button>
</div> </div>
<div className='mt-10 md:mt-32 md:flex md:justify-center'> <div className='mt-10 md:mt-32 md:flex md:justify-center'>
<button className='px-2 py-1 text-sm text-white bg-red-500 hover:opacity-90 rounded-md'>Cancel Offer</button> <button className='px-2 h-11 flex justify-center items-center btn-gradient text-base rounded-full text-white'>Cancel Offer</button>
</div> </div>
</div> </div>
</div> </div>