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
|
@ -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);
|
||||
|
||||
|
|
|
@ -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>
|
||||
|
|
|
@ -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