From 01d9ec0a04a1ec486ba9a843e39b6a67dde8ab5f Mon Sep 17 00:00:00 2001
From: MTG2000 <mtg0987654321@gmail.com>
Date: Mon, 25 Jul 2022 19:57:45 +0300
Subject: [PATCH] fix: fix shifting in preview/edit story by limiting the story
 length

---
 .../CreatePostPage/Components/ContentEditor/styles.module.scss  | 2 +-
 .../pages/CreatePostPage/CreateStoryPage/styles.module.scss     | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/features/Posts/pages/CreatePostPage/Components/ContentEditor/styles.module.scss b/src/features/Posts/pages/CreatePostPage/Components/ContentEditor/styles.module.scss
index 3d0bf15..9ecd9be 100644
--- a/src/features/Posts/pages/CreatePostPage/Components/ContentEditor/styles.module.scss
+++ b/src/features/Posts/pages/CreatePostPage/Components/ContentEditor/styles.module.scss
@@ -26,7 +26,7 @@
       @include post-body;
     }
     .remirror-editor-wrapper {
-      height: 60vh;
+      height: calc(min(60vh, 640px));
       overflow-y: scroll;
 
       &::-webkit-scrollbar {
diff --git a/src/features/Posts/pages/CreatePostPage/CreateStoryPage/styles.module.scss b/src/features/Posts/pages/CreatePostPage/CreateStoryPage/styles.module.scss
index 55e103a..dd1d3a0 100644
--- a/src/features/Posts/pages/CreatePostPage/CreateStoryPage/styles.module.scss
+++ b/src/features/Posts/pages/CreatePostPage/CreateStoryPage/styles.module.scss
@@ -35,7 +35,7 @@
 
   @include gt-xl {
     row-gap: unset;
-
+    grid-template-rows: repeat(3, auto) 1fr;
     grid-template-columns: 1fr calc(min(326px, 25%));
     grid-template-areas:
       "preview-switch preview-switch"