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

@ -89,7 +89,9 @@ $breakpoints: (small: 0,
medium: 640px,
large: 1024px,
xlarge: 1200px,
xxlarge: 1440px);
xxlarge: 1400px,
xxxlarge: 1600px,
);
$print-breakpoint: large;
$breakpoint-classes: (small medium large);

View file

@ -232,10 +232,13 @@ export default {
width: 36rem;
}
@include breakpoint(xlarge up) {
width: 33rem;
width: 35rem;
}
@include breakpoint(xxlarge up) {
width: 42rem;
width: 38rem;
}
@include breakpoint(xxxlarge up) {
flex-basis: 46rem;
}
}
</style>

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 {