Merge pull request #2322 from daostack/bugfix/CW-2315-mobile-chat-red…

…undant-gap Spare space above the chat in mobile #2315
daostack · Nov 20, 2023 · f7898a3 · f7898a3
2 parents 4ed9169 + 02a0471
commit f7898a3
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 1 deletion.
diff --git a/src/pages/common/components/ChatComponent/ChatComponent.module.scss b/src/pages/common/components/ChatComponent/ChatComponent.module.scss
@@ -22,7 +22,7 @@
   margin-bottom: var(--chat-input-wrapper-height);
 
   @include big-phone {
-    margin-bottom: 0;
+    --chat-input-wrapper-height: 2.5rem;
     padding: 0.5rem 0.75rem 0 0.5rem;
   }
 }

diff --git a/src/pages/commonFeed/components/FeedLayout/components/MobileChat/MobileChat.module.scss b/src/pages/commonFeed/components/FeedLayout/components/MobileChat/MobileChat.module.scss
@@ -1,4 +1,5 @@
 @import "../../../../../../constants";
+@import "../../../../../../styles/sizes";
 
 .modal {
   height: 90vh;
@@ -10,6 +11,10 @@
       padding: 0;
     }
   }
+
+  @include big-phone {
+    height: 100vh;
+  }
 }
 
 .headerTitleWrapper {