mirror of
https://github.com/trezor/trezor-suite.git
synced 2026-03-22 23:27:18 +01:00
fix/exchange-layout
This commit is contained in:
@@ -11,7 +11,7 @@ const Wrapper = styled.div`
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
|
||||
@media screen and (max-width: ${variables.SCREEN_SIZE.LG}) {
|
||||
@media screen and (max-width: ${variables.SCREEN_SIZE.XL}) {
|
||||
margin-top: 27px;
|
||||
}
|
||||
`;
|
||||
|
||||
@@ -18,7 +18,7 @@ const Top = styled.div`
|
||||
display: flex;
|
||||
flex: 1;
|
||||
|
||||
@media screen and (max-width: ${variables.SCREEN_SIZE.LG}) {
|
||||
@media screen and (max-width: ${variables.SCREEN_SIZE.XL}) {
|
||||
flex-direction: column;
|
||||
}
|
||||
`;
|
||||
@@ -40,13 +40,13 @@ const MiddleWrapper = styled.div`
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
|
||||
@media screen and (max-width: ${variables.SCREEN_SIZE.LG}) {
|
||||
@media screen and (max-width: ${variables.SCREEN_SIZE.XL}) {
|
||||
padding-bottom: 27px;
|
||||
}
|
||||
`;
|
||||
|
||||
const StyledIcon = styled(Icon)`
|
||||
@media screen and (max-width: ${variables.SCREEN_SIZE.LG}) {
|
||||
@media screen and (max-width: ${variables.SCREEN_SIZE.XL}) {
|
||||
transform: rotate(90deg);
|
||||
}
|
||||
`;
|
||||
|
||||
Reference in New Issue
Block a user