From 42542a225c726d9270642480d6aa945138c2868e Mon Sep 17 00:00:00 2001
From: tangly <tlyong1992@hotmail.com>
Date: Fri, 21 Oct 2022 16:16:53 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E5=A4=8D=E8=A1=A8=E6=A0=BC=E6=A0=B7?=
 =?UTF-8?q?=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 components/NotionPage.js | 2 +-
 styles/notion.css        | 8 ++++++--
 2 files changed, 7 insertions(+), 3 deletions(-)

diff --git a/components/NotionPage.js b/components/NotionPage.js
index e3d0a053..a6f0a8ce 100644
--- a/components/NotionPage.js
+++ b/components/NotionPage.js
@@ -77,7 +77,7 @@ const NotionPage = ({ post }) => {
     addWatch4Dom()
   }, [])
 
-  return <div id='container' className='max-w-4xl mx-auto'>
+  return <div id='container' className='max-w-5xl overflow-x-hidden mx-auto'>
     <NotionRenderer
       recordMap={post.blockMap}
       mapPageUrl={mapPageUrl}
diff --git a/styles/notion.css b/styles/notion.css
index 9c143e5b..4dc32e95 100644
--- a/styles/notion.css
+++ b/styles/notion.css
@@ -179,6 +179,10 @@
   color: var(--select-color-2) !important;
 }
 
+.notion-simple-table {
+  @apply whitespace-nowrap overflow-x-scroll block
+}
+
 .notion-app {
   position: relative;
   background: var(--bg-color);
@@ -197,8 +201,8 @@
 
 .medium-zoom-overlay {
   z-index: 300;
-  -webkit-backdrop-filter: blur(5px);    
-  backdrop-filter: blur(5px);   
+  -webkit-backdrop-filter: blur(5px);
+  backdrop-filter: blur(5px);
 }
 
 .medium-zoom-image {