Chore: Responsive fixes for common screen widths (#1856)
This commit is contained in:
parent
d70208a0a8
commit
759ed43745
3 changed files with 16 additions and 8 deletions
|
@ -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 {
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue