Give chat a min-height that other elements yield to on mobile clients (#2676)

* Add className prop to some components * Give mobile chatbox height priority over other elements * Optimize for mobile landscape mode * Make thumbnail background black * Fix overflow issues on narrow screens * Adjust layout for offline mode on mobile * Fix main content width on Desktop * Fix offline layout for desktop
2023-02-08 18:50:58 -08:00
parent c9773091a2
commit 25119561fb
11 changed files with 176 additions and 118 deletions
@@ -8,7 +8,7 @@
  aspect-ratio: 16 / 9;

  @media (max-width: 1200px) {
-    height: unset;
+    height: 100%;
    max-height: 75vh;
  }