From e54775af6856298568bae3fac34c75beac7f087e Mon Sep 17 00:00:00 2001
From: Reorx <novoreorx@gmail.com>
Date: Thu, 9 Feb 2023 17:13:51 +0800
Subject: [PATCH] editor: reduce middle column max width to 750px

---
 src/scss/editor/index.scss | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/scss/editor/index.scss b/src/scss/editor/index.scss
index e9736b1..d77fa77 100644
--- a/src/scss/editor/index.scss
+++ b/src/scss/editor/index.scss
@@ -10,9 +10,9 @@ button {
   grid-template-columns: 150px minmax(500px, 1fr) 1fr;
   grid-template-rows: 100vh;
 
-  // 800px is approximately the width of A4, when the screen is larger that 150 + 800px + A4, the middle column should keep 800px wide
-  @media screen and (min-width: 1750px) {
-    grid-template-columns: 150px 800px 1fr;
+  // keep the middle column 750px wide when the screen is larger that 150 + 2 * 750px
+  @media screen and (min-width: 1650px) {
+    grid-template-columns: 150px 750px 1fr;
   }
 
   > .column {