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

73ad9987e4b337987f8e3cb2ef861bf03c42cc67

Browse Source
This commit is contained in:
Jordan Frankfurt 2022-12-15 17:37:58 -06:00
parent 7d1589d1df
commit f8bb5046f0
1 changed files with 8 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
src/components/FiatOnrampModal/index.tsx
View File

@ -11,14 +11,13 @@ import Modal from '../Modal'
const Wrapper = styled.div` const Wrapper = styled.div`
background-color: ${({ theme }) => theme.backgroundSurface}; background-color: ${({ theme }) => theme.backgroundSurface};
border-radius: 20px;
box-shadow: ${({ theme }) => theme.deepShadow}; box-shadow: ${({ theme }) => theme.deepShadow};
display: flex; display: flex;
flex-flow: column nowrap; flex-flow: column nowrap;
margin: 0; margin: 0;
min-height: 600px; min-height: 720px;
min-width: 375px; min-width: 375px;
outline: 1px solid ${({ theme }) => theme.backgroundOutline};
padding: 12px;
position: relative; position: relative;
width: 100%; width: 100%;
` `
@ -31,15 +30,16 @@ const ErrorText = styled(ThemedText.BodyPrimary)`
` `
const StyledIframe = styled.iframe` const StyledIframe = styled.iframe`
background-color: ${({ theme }) => theme.white}; background-color: ${({ theme }) => theme.white};
border-radius: 12px;
bottom: 0; bottom: 0;
left: 0; left: 0;
height: 100%; height: calc(100% - 16px);
margin: auto; margin: 8px;
padding: 8px; padding: 0;
position: absolute; position: absolute;
right: 0; right: 0;
top: 0; top: 0;
width: 100%; width: calc(100% - 16px);
` `
const StyledSpinner = styled(CustomLightSpinner)` const StyledSpinner = styled(CustomLightSpinner)`
bottom: 0; bottom: 0;
@ -119,7 +119,7 @@ export default function FiatOnrampModal() {
}, [fetchSignedIframeUrl]) }, [fetchSignedIframeUrl])
return ( return (
<Modal isOpen={fiatOnrampModalOpen} onDismiss={closeModal} minHeight={false} maxHeight={90}> <Modal isOpen={fiatOnrampModalOpen} onDismiss={closeModal} maxHeight={720}>
<Wrapper data-testid="fiat-onramp-modal"> <Wrapper data-testid="fiat-onramp-modal">
{error ? ( {error ? (
<> <>