refactor: readjust tabber responsive (#616)

devhatt · Sep 10, 2024 · 3adda40 · 3adda40
1 parent 1df7b68
commit 3adda40
Show file tree

Hide file tree

Showing 3 changed files with 13 additions and 2 deletions.
diff --git a/src/components/MainComposer/components/ComposerEditor/ComposerEditor.module.scss b/src/components/MainComposer/components/ComposerEditor/ComposerEditor.module.scss
@@ -24,6 +24,7 @@ textarea {
 
 .charactersLimitContainer {
   display: flex;
+  flex-wrap: wrap;
 
   justify-content: space-between;
 
@@ -32,6 +33,7 @@ textarea {
 
 .characterLimitWrapper {
   display: flex;
+  flex-wrap: wrap;
   gap: 0.8rem;
 
   align-items: center;

diff --git a/src/components/Preview/Preview.module.scss b/src/components/Preview/Preview.module.scss
@@ -2,7 +2,6 @@
 @use '~styles/breakpoints.scss' as *;
 
 .container {
-  width: 54.2rem;
   height: 69.7rem;
 
   display: none;

diff --git a/src/components/Tabber/PostModes/PostModes.module.scss b/src/components/Tabber/PostModes/PostModes.module.scss
@@ -1,8 +1,12 @@
 @use '~styles/global.scss';
+@use '~styles/breakpoints.scss' as *;
 
 .postModesHeader {
   width: fit-content;
 
+  display: flex;
+  flex-wrap: wrap;
+
   align-self: flex-end;
 }
 
@@ -11,11 +15,17 @@
   font-size: 1.4rem;
   font-weight: 500;
 
-  padding: 1.2rem;
+  padding: 0.8rem;
 
   cursor: pointer;
 
   &.active {
     color: global.$secondaryPurple;
   }
 }
+
+@include from1240 {
+  .postModeTitle {
+    padding: 1.2rem;
+  }
+}