From 3519be9ce8dfe39dc145274174a8d5af121d9ed9 Mon Sep 17 00:00:00 2001
From: Aaryan Khandelwal <65252264+aaryan610@users.noreply.github.com>
Date: Tue, 4 Apr 2023 19:27:13 +0530
Subject: [PATCH] fix: remirror empty state (#702)

* fix: minor pages ui

* fix: remirror empty state
---
 apps/app/components/core/gpt-assistant-modal.tsx | 6 +++---
 apps/app/styles/editor.css                       | 4 ++++
 2 files changed, 7 insertions(+), 3 deletions(-)

diff --git a/apps/app/components/core/gpt-assistant-modal.tsx b/apps/app/components/core/gpt-assistant-modal.tsx
index d3280ad66..b50b1e0f8 100644
--- a/apps/app/components/core/gpt-assistant-modal.tsx
+++ b/apps/app/components/core/gpt-assistant-modal.tsx
@@ -125,12 +125,12 @@ export const GptAssistantModal: React.FC<Props> = ({
         isOpen ? "block" : "hidden"
       }`}
     >
-      {((content && content !== "") || htmlContent) && (
-        <div className="text-sm page-block-section">
+      {((content && content !== "") || htmlContent !== "<p></p>") && (
+        <div className="remirror-section text-sm">
           Content:
           <RemirrorRichTextEditor
             value={htmlContent ?? <p>{content}</p>}
-            customClassName="-mx-3 -my-3"
+            customClassName="-m-3"
             noBorder
             borderOnFocus={false}
             editable={false}
diff --git a/apps/app/styles/editor.css b/apps/app/styles/editor.css
index 55cb8a8e1..c9d58dfaf 100644
--- a/apps/app/styles/editor.css
+++ b/apps/app/styles/editor.css
@@ -363,6 +363,10 @@ img.ProseMirror-separator {
   min-height: 50px;
 }
 
+.remirror-section .remirror-editor-wrapper .remirror-editor {
+  min-height: 0 !important;
+}
+
 .remirror-editor-wrapper {
   padding-top: 8px;
 }