status-im
/
safe-react
mirror of https://github.com/status-im/safe-react.git
2
0
Fork 0
Code Issues Projects Releases Wiki Activity

sapp iframe size (#1081) 

* sapp iframe size

* review changes

* CenteredMT

* remove className

Co-authored-by: Mikhail Mikheev <mmvsha73@gmail.com>
This commit is contained in:
nicolas 2020-07-03 07:12:49 -03:00 committed by GitHub
parent 0e3436bf67
commit 822903c83d
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
4 changed files with 9 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/Footer/index.tsx
View File

@ -18,7 +18,7 @@ const useStyles = makeStyles({
justifyContent: 'center', justifyContent: 'center',
margin: '0 auto', margin: '0 auto',
maxWidth: '100%', maxWidth: '100%',
padding: `40px ${sm} 20px`, padding: `20px ${sm} 20px`,
width: `${screenSm}px`, width: `${screenSm}px`,
}, },
item: { item: {

3
src/components/ListContentLayout/Layout.ts
View File

@ -3,8 +3,7 @@ import styled from 'styled-components'
export const Wrapper = styled.div` export const Wrapper = styled.div`
display: grid; display: grid;
grid-template-columns: 245px auto; grid-template-columns: 245px auto;
grid-template-rows: 514px; min-height: 560px;
min-height: 525px;
.background { .background {
box-shadow: 1px 2px 10px 0 rgba(212, 212, 211, 0.59); box-shadow: 1px 2px 10px 0 rgba(212, 212, 211, 0.59);
background-color: white; background-color: white;

10
src/routes/safe/components/Apps/index.tsx
View File

@ -27,7 +27,7 @@ const APPS_STORAGE_KEY = 'APPS_STORAGE_KEY'
const APPS_LEGAL_DISCLAIMER_STORAGE_KEY = 'APPS_LEGAL_DISCLAIMER_STORAGE_KEY' const APPS_LEGAL_DISCLAIMER_STORAGE_KEY = 'APPS_LEGAL_DISCLAIMER_STORAGE_KEY'
const StyledIframe = styled.iframe` const StyledIframe = styled.iframe`
padding: 24px; padding: 15px;
box-sizing: border-box; box-sizing: border-box;
width: 100%; width: 100%;
height: 100%; height: 100%;
@ -39,6 +39,10 @@ const Centered = styled.div`
flex-direction: column; flex-direction: column;
` `
const CenteredMT = styled(Centered)`
margin-top: 5px;
`
const IframeWrapper = styled.div` const IframeWrapper = styled.div`
position: relative; position: relative;
height: 100%; height: 100%;
@ -409,7 +413,7 @@ function Apps({ closeModal, closeSnackbar, enqueueSnackbar, openModal }) {
</Centered> </Centered>
</Card> </Card>
)} )}
<Centered> <CenteredMT>
<IconText <IconText
color="secondary" color="secondary"
iconSize="sm" iconSize="sm"
@ -417,7 +421,7 @@ function Apps({ closeModal, closeSnackbar, enqueueSnackbar, openModal }) {
text="These are third-party apps, which means they are not owned, controlled, maintained or audited by Gnosis. Interacting with the apps is at your own risk." text="These are third-party apps, which means they are not owned, controlled, maintained or audited by Gnosis. Interacting with the apps is at your own risk."
textSize="sm" textSize="sm"
/> />
</Centered> </CenteredMT>
</> </>
) )
} }

1
yarn.lock
View File

@ -18395,7 +18395,6 @@ websocket@^1.0.31:
dependencies: dependencies:
debug "^2.2.0" debug "^2.2.0"
es5-ext "^0.10.50" es5-ext "^0.10.50"
gulp "^4.0.2"
nan "^2.14.0" nan "^2.14.0"
typedarray-to-buffer "^3.1.5" typedarray-to-buffer "^3.1.5"
yaeti "^0.0.6" yaeti "^0.0.6"