fix: Made rich text modal more inline with design

packages/nc-gui/components/cell/RichText.vue

@@ -185,46 +185,15 @@ watch(editorDom, () => {
 .nc-rich-text-full {
   @apply px-1.75;
   .ProseMirror {
-    @apply pl-1 mt-0.75;
+    @apply !p-2;
 
     max-height: calc(min(60vh, 100rem));
-
-    overflow-y: scroll;
-    overflow-x: hidden;
-    scrollbar-width: thin !important;
-
-    &::-webkit-scrollbar {
-      width: 4px;
-      height: 4px;
-    }
-    &::-webkit-scrollbar-track {
-      -webkit-border-radius: 10px;
-      border-radius: 10px;
-      margin-top: 4px;
-      margin-bottom: 4px;
-    }
-    &::-webkit-scrollbar-track-piece {
-      width: 0px;
-    }
-    &::-webkit-scrollbar {
-      @apply bg-transparent;
-    }
-    &::-webkit-scrollbar-thumb {
-      -webkit-border-radius: 10px;
-      border-radius: 10px;
-
-      width: 4px;
-      @apply bg-gray-300;
-    }
-    &::-webkit-scrollbar-thumb:hover {
-      @apply bg-gray-400;
-    }
   }
 }
 
 .nc-textarea-rich {
   .ProseMirror {
-    @apply flex flex-col flex-grow pt-1 border-1 border-gray-200 rounded-lg mr-2;
+    @apply flex-grow pt-1 border-1 border-gray-200 rounded-lg pr-1 mr-2;
 
     > * {
       @apply ml-1;
@@ -331,5 +300,44 @@ watch(editorDom, () => {
     border-top: 1px solid #ccc;
     margin: 1.5em 0;
   }
+
+  pre {
+    height: fit-content;
+  }
+}
+
+.nc-rich-text-full {
+  .ProseMirror {
+    overflow-y: scroll;
+    overflow-x: hidden;
+    scrollbar-width: thin !important;
+
+    &::-webkit-scrollbar {
+      width: 4px;
+      height: 4px;
+    }
+    &::-webkit-scrollbar-track {
+      -webkit-border-radius: 10px;
+      border-radius: 10px;
+      margin-top: 4px;
+      margin-bottom: 4px;
+    }
+    &::-webkit-scrollbar-track-piece {
+      width: 0px;
+    }
+    &::-webkit-scrollbar {
+      @apply bg-transparent;
+    }
+    &::-webkit-scrollbar-thumb {
+      -webkit-border-radius: 10px;
+      border-radius: 10px;
+
+      width: 4px;
+      @apply bg-gray-300;
+    }
+    &::-webkit-scrollbar-thumb:hover {
+      @apply bg-gray-400;
+    }
+  }
 }
 </style>