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/common/StreamInfo/StreamInfo.module.scss
+++ b/web/components/common/StreamInfo/StreamInfo.module.scss
@@ -0,0 +1,36 @@
+.streamInfo {
+  position: relative;
+  display: grid;
+}
+
+.buttonsLogoTitleSection {
+  margin-left: 1.5vw;
+  margin-right: 1.5vw;
+}
+
+.pageContentSection {
+  // background-color: var(--theme-background-secondary);
+  border-radius: var(--theme-rounded-corners);
+  width: 100%;
+}
+
+.logoTitleSection {
+  display: flex;
+  align-items: center;
+}
+
+.titleSection {
+  display: flex;
+  flex-direction: column;
+
+  .title {
+    font-size: 1.5rem;
+    font-weight: bold;
+    color: var(--theme-text-primary);
+  }
+
+  .subtitle {
+    font-size: 1.6vw;
+    font-weight: bold;
+  }
+}