moon
/
soapbox
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Fix zap button height

This commit is contained in:
Alex Gleason 2024-09-12 08:15:52 -05:00
parent 7d9f1f2b40
commit bbd03965e0
No known key found for this signature in database
GPG Key ID: 7211D1F99744FBB7
2 changed files with 3 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/features/zap/components/zap-button/zap-button.tsx
View File

@ -50,12 +50,12 @@ const ZapButton = React.forwardRef<HTMLButtonElement, IButton>((props, ref): JSX
type={type} type={type}
data-testid='button' data-testid='button'
> >
<div className={clsx(className, { 'flex flex-col items-center w-14 !box-border place-content-center border font-medium p-2 rounded-xl focus:outline-none focus:ring-2 focus:ring-offset-2 appearance-none transition-all sm:p-4 sm:w-20': true, <div className={clsx(className, '!box-border flex h-full w-14 appearance-none flex-col place-content-center items-center rounded-xl border p-2 font-medium transition-all focus:outline-none focus:ring-2 focus:ring-offset-2 sm:w-20 sm:p-4', {
'select-none disabled:opacity-75 disabled:cursor-default': disabled, 'select-none disabled:opacity-75 disabled:cursor-default': disabled,
'bg-primary-500 hover:bg-primary-400 dark:hover:bg-primary-600 border-transparent focus:bg-primary-500 text-gray-100 focus:ring-primary-300': selected, 'bg-primary-500 hover:bg-primary-400 dark:hover:bg-primary-600 border-transparent focus:bg-primary-500 text-gray-100 focus:ring-primary-300': selected,
'border border-solid bg-transparent border-gray-400 dark:border-gray-800 hover:border-primary-300 dark:hover:border-primary-700 focus:border-primary-500 text-gray-900 dark:text-gray-100 focus:ring-primary-500': !selected })} 'border border-solid bg-transparent border-gray-400 dark:border-gray-800 hover:border-primary-300 dark:hover:border-primary-700 focus:border-primary-500 text-gray-900 dark:text-gray-100 focus:ring-primary-500': !selected })}
> >
<img className='w-16' src={icon} alt='stack coin' /> <img className='w-16' src={icon} alt='' />
<span className='text-base sm:text-2xl'> <span className='text-base sm:text-2xl'>
<p> <p>
{shortNumberFormat(amount)} {shortNumberFormat(amount)}

2
src/features/zap/components/zap-pay-request-form.tsx
View File

@ -82,7 +82,7 @@ const ZapPayRequestForm = ({ account, status, onClose }: IZapPayRequestForm) =>
<DisplayNameInline account={account} /> <DisplayNameInline account={account} />
</Stack> </Stack>
<div className='flex justify-center '> <div className='flex justify-center'>
{ZAP_AMOUNTS.map((amount, i) => <ZapButton onClick={() => setZapAmount(amount)} className='m-0.5 sm:m-1' selected={zapAmount === amount} icon={ZAP_ICONS[i]} amount={amount} />)} {ZAP_AMOUNTS.map((amount, i) => <ZapButton onClick={() => setZapAmount(amount)} className='m-0.5 sm:m-1' selected={zapAmount === amount} icon={ZAP_ICONS[i]} amount={amount} />)}
</div> </div>