mirror of
https://github.com/trezor/trezor-wallet
synced 2025-02-14 17:12:00 +00:00
set min-height to 100vh instead of %
This commit is contained in:
parent
96510d54f8
commit
19f655dabd
@ -8,7 +8,7 @@ import animationStyles from './Animations';
|
|||||||
const baseStyles = createGlobalStyle`
|
const baseStyles = createGlobalStyle`
|
||||||
html, body {
|
html, body {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 100%;
|
min-height: 100vh;
|
||||||
position: relative;
|
position: relative;
|
||||||
font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, sans-serif;
|
font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, sans-serif;
|
||||||
font-weight: ${FONT_WEIGHT.NORMAL};
|
font-weight: ${FONT_WEIGHT.NORMAL};
|
||||||
@ -43,7 +43,7 @@ const baseStyles = createGlobalStyle`
|
|||||||
}
|
}
|
||||||
|
|
||||||
#trezor-wallet-root {
|
#trezor-wallet-root {
|
||||||
height: 100%;
|
min-height: 100vh;
|
||||||
}
|
}
|
||||||
|
|
||||||
${animationStyles};
|
${animationStyles};
|
||||||
|
@ -18,7 +18,7 @@ type Props = {
|
|||||||
}
|
}
|
||||||
|
|
||||||
const Wrapper = styled.div`
|
const Wrapper = styled.div`
|
||||||
min-height: 100%;
|
min-height: 100vh;
|
||||||
|
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
|
@ -43,7 +43,7 @@ export type Props = StateProps & DispatchProps;
|
|||||||
|
|
||||||
const AppWrapper = styled.div`
|
const AppWrapper = styled.div`
|
||||||
position: relative;
|
position: relative;
|
||||||
min-height: 100%;
|
min-height: 100vh;
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
background: ${colors.BACKGROUND};
|
background: ${colors.BACKGROUND};
|
||||||
|
Loading…
Reference in New Issue
Block a user