From dd6b65f753b93006c04d3a6ab7c0e82139b90ae0 Mon Sep 17 00:00:00 2001
From: blinko <blinkospace@gmail.com>
Date: Sun, 8 Dec 2024 23:05:51 +0800
Subject: [PATCH] fix: update editor CSS for improved layout and consistency

---
 src/styles/editor.css | 25 ++++++++++++++++++++-----
 1 file changed, 20 insertions(+), 5 deletions(-)

diff --git a/src/styles/editor.css b/src/styles/editor.css
index 6ddbf664..57af02e9 100644
--- a/src/styles/editor.css
+++ b/src/styles/editor.css
@@ -19,13 +19,18 @@
 
 
 ._contentEditable_uazmk_379 {
-  max-height: 50vh;
+  max-height: 60vh;
   overflow-y: scroll;
   color: var(--foreground);
   padding: 0;
   padding-left: 5px;
 }
 
+.mdxeditor-source-editor {
+  max-height: 60vh;
+  overflow-y: scroll;
+}
+
 .prose :where(h1):not(:where([class~="not-prose"], [class~="not-prose"] *)),
 .prose :where(h2):not(:where([class~="not-prose"], [class~="not-prose"] *)),
 .prose :where(h3):not(:where([class~="not-prose"], [class~="not-prose"] *)),
@@ -277,16 +282,26 @@ div[id^="radix-"][role="dialog"] h2 {
   /* flex-direction: column-reverse; */
 }
 
-._toolbarNodeKindSelectTrigger_uazmk_305, ._toolbarButtonSelectTrigger_uazmk_306, ._selectTrigger_uazmk_307{
+._toolbarNodeKindSelectTrigger_uazmk_305,
+._toolbarButtonSelectTrigger_uazmk_306,
+._selectTrigger_uazmk_307 {
   width: 80px;
 }
-._toolbarNodeKindSelectContainer_uazmk_284, ._toolbarButtonDropdownContainer_uazmk_285, ._toolbarCodeBlockLanguageSelectContent_uazmk_286, ._selectContainer_uazmk_287{
+
+._toolbarNodeKindSelectContainer_uazmk_284,
+._toolbarButtonDropdownContainer_uazmk_285,
+._toolbarCodeBlockLanguageSelectContent_uazmk_286,
+._selectContainer_uazmk_287 {
   background-color: transparent;
 }
-.mdxeditor-diff-source-wrapper{
+
+.mdxeditor-diff-source-wrapper {
   margin-top: 5px;
 }
-._toolbarNodeKindSelectTrigger_uazmk_305, ._toolbarButtonSelectTrigger_uazmk_306, ._selectTrigger_uazmk_307{
+
+._toolbarNodeKindSelectTrigger_uazmk_305,
+._toolbarButtonSelectTrigger_uazmk_306,
+._selectTrigger_uazmk_307 {
   background-color: transparent;
 }