mirror of
https://github.com/logto-io/logto.git
synced 2024-12-16 20:26:19 -05:00
refactor(console): change form card flex-direction when window width is less than 1080px (#2489)
This commit is contained in:
parent
683a2d93d6
commit
12d429eaa3
1 changed files with 12 additions and 0 deletions
|
@ -7,6 +7,7 @@
|
||||||
|
|
||||||
.introduction {
|
.introduction {
|
||||||
width: 296px;
|
width: 296px;
|
||||||
|
padding-bottom: _.unit(6);
|
||||||
margin-right: _.unit(14);
|
margin-right: _.unit(14);
|
||||||
flex-shrink: 0;
|
flex-shrink: 0;
|
||||||
|
|
||||||
|
@ -30,6 +31,17 @@
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@media screen and (max-width: 1080px) {
|
||||||
|
.container {
|
||||||
|
flex-direction: column;
|
||||||
|
|
||||||
|
.introduction {
|
||||||
|
width: 100%;
|
||||||
|
margin-right: unset;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
.form {
|
.form {
|
||||||
flex-grow: 1;
|
flex-grow: 1;
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in a new issue