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

2021-03-08 13:30:33 +05:30
parent d70208a0a8
commit 759ed43745
3 changed files with 16 additions and 8 deletions
--- a/app/javascript/dashboard/components/ChatList.vue
+++ b/app/javascript/dashboard/components/ChatList.vue
@@ -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>