ButterflyEffect/uniswap-interface-uncensored
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: tweak element sizing/wraping in approve button (#1569)

Browse Source
This commit is contained in:
OMGspidertanx 2021-05-14 08:15:41 -04:00 committed by GitHub
parent 7d71af353e
commit 534afb3278
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 3 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
src/pages/Swap/index.tsx
View File

@ -526,12 +526,12 @@ export default function Swap({ history }: RouteComponentProps) {
approvalState === ApprovalState.APPROVED || signatureState === UseERC20PermitState.SIGNED approvalState === ApprovalState.APPROVED || signatureState === UseERC20PermitState.SIGNED
} }
> >
<AutoRow justify="space-between"> <AutoRow justify="space-between" style={{ flexWrap: 'nowrap' }}>
<span style={{ display: 'flex', alignItems: 'center' }}> <span style={{ display: 'flex', alignItems: 'center' }}>
<CurrencyLogo <CurrencyLogo
currency={currencies[Field.INPUT]} currency={currencies[Field.INPUT]}
size={'20px'} size={'20px'}
style={{ marginRight: '8px' }} style={{ marginRight: '8px', flexShrink: 0 }}
/> />
{/* we need to shorten this string on mobile */} {/* we need to shorten this string on mobile */}
{approvalState === ApprovalState.APPROVED || signatureState === UseERC20PermitState.SIGNED {approvalState === ApprovalState.APPROVED || signatureState === UseERC20PermitState.SIGNED
@ -551,7 +551,7 @@ export default function Swap({ history }: RouteComponentProps) {
'. You only have to do this once per token.' '. You only have to do this once per token.'
} }
> >
<HelpCircle size="20" color={'white'} /> <HelpCircle size="20" color={'white'} style={{ marginLeft: '8px' }} />
</MouseoverTooltip> </MouseoverTooltip>
)} )}
</AutoRow> </AutoRow>