0
Fork 0
mirror of https://github.com/TryGhost/Ghost.git synced 2025-03-11 02:12:21 -05:00

Added sticky footer to the offers modal in AdminX

no issues
This commit is contained in:
Sodbileg Gansukh 2023-11-08 11:19:00 +08:00
parent e16102f4f1
commit 186f8a7f81

View file

@ -47,7 +47,7 @@ const OfferCard: React.FC<{amount: number, cadence: string, currency: string, du
} }
const updatedPriceWithCurrency = getSymbol(currency) + numberWithCommas(currencyToDecimal(updatedPrice)); const updatedPriceWithCurrency = getSymbol(currency) + numberWithCommas(currencyToDecimal(updatedPrice));
return ( return (
<div className='flex cursor-pointer flex-col gap-6 border border-transparent bg-grey-100 p-5 transition-all hover:border-grey-100 hover:bg-grey-75 hover:shadow-sm dark:bg-grey-950 dark:hover:border-grey-800' onClick={onClick}> <div className='flex cursor-pointer flex-col gap-6 border border-transparent bg-grey-100 p-5 transition-all hover:border-grey-100 hover:bg-grey-75 hover:shadow-sm dark:bg-grey-950 dark:hover:border-grey-800' onClick={onClick}>
<div className='flex items-center justify-between'> <div className='flex items-center justify-between'>
@ -101,13 +101,20 @@ const OffersModal = () => {
afterClose={() => { afterClose={() => {
updateRoute('offers'); updateRoute('offers');
}} }}
cancelLabel='' header={false} cancelLabel=''
footer={
<div className='mx-8 flex w-full items-center justify-between'>
<a className='text-sm' href="https://ghost.org/help/offers" rel="noopener noreferrer" target="_blank"> Learn about offers in Ghost</a>
<Button color='black' label='Close' onClick={() => {
modal.remove();
updateRoute('offers');
}} />
</div>
}
header={false}
size='lg' size='lg'
testId='offers-modal' testId='offers-modal'
onOk={() => { stickyFooter
modal.remove();
updateRoute('offers');
}}
> >
<div className='pt-6'> <div className='pt-6'>
<header> <header>
@ -148,7 +155,6 @@ const OffersModal = () => {
); );
})} })}
</div> </div>
<a className='absolute bottom-10 text-sm' href="https://ghost.org/help/offers" rel="noopener noreferrer" target="_blank"> Learn about offers in Ghost</a>
</div> </div>
</Modal>; </Modal>;
}; };