feat: use component dimensions to break to mobile (#3414)

Co-authored-by: Jed Fox <git@jedfox.com>
This commit is contained in:
David Luzar 2021-04-08 19:54:50 +02:00 committed by GitHub
parent 016e69b9f2
commit 09dfd16b17
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
27 changed files with 162 additions and 144 deletions

View file

@ -32,13 +32,13 @@
display: flex;
align-items: center;
justify-content: center;
@media #{$is-mobile-query} {
@include isMobile {
flex-direction: column;
align-items: stretch;
}
}
@media #{$is-mobile-query} {
@include isMobile {
.RoomDialog-usernameLabel {
font-weight: bold;
}
@ -51,7 +51,7 @@
min-width: 0;
flex: 1 1 auto;
margin-inline-start: 1em;
@media #{$is-mobile-query} {
@include isMobile {
margin-top: 0.5em;
margin-inline-start: 0;
}