Chore: Responsive fixes for common screen widths (#1856)

This commit is contained in:
Nithin David Thomas 2021-03-08 13:30:33 +05:30 committed by GitHub
parent d70208a0a8
commit 759ed43745
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
3 changed files with 16 additions and 8 deletions

View file

@ -87,23 +87,26 @@ export default {
.conversation-sidebar-wrap {
height: auto;
flex: 0 1;
flex: 0 0;
overflow: hidden;
overflow: auto;
background: white;
flex-shrink: 0;
flex-basis: 28rem;
@include breakpoint(large up) {
flex-basis: 31em;
flex-basis: 30em;
}
@include breakpoint(xlarge up) {
flex-basis: 32em;
flex-basis: 31em;
}
@include breakpoint(xxlarge up) {
flex-basis: 36rem;
flex-basis: 33rem;
}
@include breakpoint(xxxlarge up) {
flex-basis: 40rem;
}
&::v-deep .contact--panel {