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

fix: tx screen overflow (#5282)

Browse Source 
fix tx screen overflow

Co-authored-by: Charles Bachmeier <charlie@genie.xyz>
This commit is contained in:
Charles Bachmeier 2022-11-17 10:59:18 -08:00 committed by GitHub
parent 8464fc70fe
commit ca829a355c
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 7 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
src/nft/components/collection/TransactionCompleteModal.css.ts
View File

@ -11,14 +11,18 @@ export const modalContainer = style([
left: { sm: '0', md: '1/2' },
top: '0',
zIndex: 'modal',
overflow: 'scroll',
paddingY: '72',
}),
{
alignContent: 'center',
justifyContent: 'center',
'@media': {
'screen and (min-width: 656px)': {
marginLeft: '-320px',
},
},
'::-webkit-scrollbar': { display: 'none' },
scrollbarWidth: 'none',
},
])

4
src/nft/components/collection/TransactionCompleteModal.tsx
View File

@ -137,7 +137,7 @@ const TxCompleteModal = () => {
</Box>
<Box>{formatEthPrice(totalPurchaseValue.toString())} ETH</Box>
</Row>
<a href={txHashUrl} target="_blank" rel="noreferrer">
<a href={txHashUrl} target="_blank" rel="noreferrer" style={{ textDecoration: 'none' }}>
<Box color="textPrimary" fontWeight="normal">
{shortenTxHash(txHash, 2, 2)}
</Box>
@ -202,7 +202,7 @@ const TxCompleteModal = () => {
marginRight={{ sm: '40', md: '24' }}
width={{ sm: 'half', md: 'auto' }}
>
<a href={txHashUrl} target="_blank" rel="noreferrer">
<a href={txHashUrl} target="_blank" rel="noreferrer" style={{ textDecoration: 'none' }}>
<Box fontWeight="normal" marginTop="16" className={styles.totalEthCost}>
{shortenTxHash(txHash, 2, 2)}
</Box>