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

Resize new-account-zap-split

This commit is contained in:
danidfra 2024-09-23 10:59:48 -03:00
parent f9c34c4a7d
commit ec17e3a722
1 changed files with 24 additions and 25 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
src/features/ui/components/new-account-zap-split.tsx
View File

@ -46,23 +46,23 @@ const AddNewAccount: React.FC<AddNewAccountProps> = ({
return ( return (
<ListItem label={<div className='' />}> <ListItem label={<div className='' />}>
<div className='relative flex w-full flex-col items-center justify-between gap-6 pt-2 md:flex-row md:pt-0'> <div className='relative flex w-full flex-col items-center justify-between gap-4 pt-2 md:flex-row md:pt-0'>
<div className='item-center flex flex-col justify-start gap-4 md:w-full md:flex-row'>
{accountSelected ? {accountSelected ?
<div className='flex items-center md:w-40'> <div className='flex w-full items-center md:w-60 '>
<Account account={accountSelected} /> <Account account={accountSelected} />
</div> </div>
: :
<div className='flex w-full flex-col items-start justify-center'> <div className='flex w-[96%] flex-col items-start justify-center md:max-w-60'>
<FormattedMessage id='manage.zap_split.new_account' defaultMessage='Account:' /> <FormattedMessage id='manage.zap_split.new_account' defaultMessage='Account:' />
<SearchZapSplit autosuggest onChange={setAccountSelected} /> <SearchZapSplit autosuggest onChange={setAccountSelected} />
</div> </div>
} }
<div className='flex w-full flex-col justify-center md:items-start'> <div className='flex w-[96%] flex-col justify-center md:w-full'>
<FormattedMessage id='manage.zap_split.new_account_message' defaultMessage='Message:' /> <FormattedMessage id='manage.zap_split.new_account_message' defaultMessage='Message:' />
<Input <Input
className='md:-mt-1'
value={newAccount.message} value={newAccount.message}
onChange={(e) => onChange={(e) =>
setNewAccount((previousValue) => ({ setNewAccount((previousValue) => ({
@ -72,9 +72,8 @@ const AddNewAccount: React.FC<AddNewAccountProps> = ({
} }
/> />
</div> </div>
</div>
<HStack space={2} className='w-full md:flex-1 md:justify-end'> <HStack space={2} className='w-full md:justify-end'>
<div className='flex w-[96%] flex-col md:w-40'> <div className='flex w-[96%] flex-col md:w-40'>
{formattedWeight(newWeight)}% {formattedWeight(newWeight)}%
<Slider value={newWeight} onChange={(e) => handleChange(e)} /> <Slider value={newWeight} onChange={(e) => handleChange(e)} />