mirror of
https://github.com/trezor/trezor-wallet
synced 2025-01-07 14:50:52 +00:00
fix sign verify alignment
This commit is contained in:
parent
a9d5cf4344
commit
6ddc1de568
@ -16,8 +16,11 @@ const Wrapper = styled.div`
|
||||
display: flex;
|
||||
flex: 1;
|
||||
flex-direction: row;
|
||||
flex-wrap: wrap;
|
||||
background: ${colors.WHITE};
|
||||
|
||||
@media screen and (max-width: ${SCREEN_SIZE.MD}) {
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
`;
|
||||
|
||||
const Row = styled.div`
|
||||
@ -28,11 +31,6 @@ const RowButtons = styled(Row)`
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: flex-end;
|
||||
|
||||
@media all and (max-width: 850px) {
|
||||
flex-wrap: wrap;
|
||||
margin: -5px;
|
||||
}
|
||||
`;
|
||||
|
||||
const StyledButton = styled(Button)`
|
||||
@ -42,15 +40,6 @@ const StyledButton = styled(Button)`
|
||||
&:first-child {
|
||||
margin-left: 0;
|
||||
}
|
||||
|
||||
@media all and (max-width: 850px) {
|
||||
flex: 1;
|
||||
margin: 5px;
|
||||
|
||||
&:first-child {
|
||||
margin-left: 5px;
|
||||
}
|
||||
}
|
||||
`;
|
||||
|
||||
const Column = styled.div`
|
||||
@ -58,7 +47,7 @@ const Column = styled.div`
|
||||
flex: 1 1 50%;
|
||||
flex-direction: column;
|
||||
|
||||
@media screen and (max-width: ${SCREEN_SIZE.XS}) {
|
||||
@media screen and (max-width: ${SCREEN_SIZE.MD}) {
|
||||
flex: 1 1 100%;
|
||||
}
|
||||
`;
|
||||
@ -68,7 +57,7 @@ const Sign = styled(Column)``;
|
||||
const Verify = styled(Column)`
|
||||
padding-left: 20px;
|
||||
|
||||
@media screen and (max-width: ${SCREEN_SIZE.XS}) {
|
||||
@media screen and (max-width: ${SCREEN_SIZE.MD}) {
|
||||
padding-left: 0px;
|
||||
}
|
||||
`;
|
||||
|
Loading…
Reference in New Issue
Block a user