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}
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,
'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 })}
>
<img className='w-16' src={icon} alt='stack coin' />
<img className='w-16' src={icon} alt='' />
<span className='text-base sm:text-2xl'>
<p>
{shortNumberFormat(amount)}