Added chat tab on mobile layouts and other changes to mobile UI

2022-07-08 09:10:18 +02:00
parent d47084f257
commit ffc73f2760
20 changed files with 183 additions and 146 deletions
--- a/web/components/ui/OfflineBanner/OfflineBanner.module.scss
+++ b/web/components/ui/OfflineBanner/OfflineBanner.module.scss
@@ -1,17 +1,17 @@
 .outerContainer {
-  width: 100%;
  display: flex;
  justify-content: center;
 }

 .innerContainer {
+  width: clamp(200px, 100%, 300px);
  display: flex;
  flex-direction: column;
-  width: 50%;
+  ;
  background-color: var(--theme-background-secondary);
-  margin: 2vw;
+  margin: auto;
  border-radius: var(--theme-rounded-corners);
-  padding: 25px;
+  padding: 1rem;
 }

 .header {