From 515a74dd49e9637c78da1177713c804ecaf6e16f Mon Sep 17 00:00:00 2001
From: daidr <daidr@daidr.me>
Date: Thu, 13 Apr 2023 02:44:12 +0800
Subject: [PATCH 1/3] fix: use border instead of shadow

---
 src/css/prose.css | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/css/prose.css b/src/css/prose.css
index 8c90be7b..72776915 100644
--- a/src/css/prose.css
+++ b/src/css/prose.css
@@ -106,7 +106,7 @@
 
 .prose .table-wrapper {
   @apply min-w-full rounded-xl text-sm my-7 whitespace-nowrap overflow-auto;
-  @apply shadow-sm ring-1 ring-zinc-700 ring-opacity-10;
+  @apply border border-border;
 }
 
 .prose table {

From c075d0dd793d73d550dab5f922c037519ad69200 Mon Sep 17 00:00:00 2001
From: daidr <daidr@daidr.me>
Date: Thu, 13 Apr 2023 03:01:24 +0800
Subject: [PATCH 2/3] fix: container gaps appear at specific width

---
 src/components/dashboard/DashboardLayout.tsx | 2 +-
 src/pages/dashboard/[subdomain]/index.tsx    | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/dashboard/DashboardLayout.tsx b/src/components/dashboard/DashboardLayout.tsx
index 4f36dc0e..623d7540 100644
--- a/src/components/dashboard/DashboardLayout.tsx
+++ b/src/components/dashboard/DashboardLayout.tsx
@@ -349,7 +349,7 @@ export function DashboardLayout({
             </DashboardSidebar>
           )}
 
-          <div className={`${isMobileLayout ? "pt-16" : "flex-1"}`}>
+          <div className={`${isMobileLayout ? "pt-16 flex-1" : "flex-1"}`}>
             {children}
           </div>
         </div>
diff --git a/src/pages/dashboard/[subdomain]/index.tsx b/src/pages/dashboard/[subdomain]/index.tsx
index a6ed46c6..55cb6ade 100644
--- a/src/pages/dashboard/[subdomain]/index.tsx
+++ b/src/pages/dashboard/[subdomain]/index.tsx
@@ -74,7 +74,7 @@ export default function SubdomainIndex() {
   const showcaseSites = useGetSites(showcase)
 
   return (
-    <DashboardMain title="Dashboard">
+    <DashboardMain title="Dashboard" className="max-w-screen-2xl">
       <div className="min-w-[270px] flex flex-col xl:flex-row space-y-8 xl:space-y-0">
         <div className="flex-1 space-y-8">
           <div className="grid gap-4 sm:grid-cols-3 grid-cols-2">

From 323231e47c0ac7304375f53bdb5a0baa26b6ca9f Mon Sep 17 00:00:00 2001
From: daidr <daidr@daidr.me>
Date: Thu, 13 Apr 2023 03:12:21 +0800
Subject: [PATCH 3/3] fix: two scrollbars appear, and the sidebar follows the
 scroll

---
 src/components/dashboard/DashboardMain.tsx    |  2 +-
 src/components/dashboard/DashboardSidebar.tsx | 26 ++++++++++++-------
 2 files changed, 17 insertions(+), 11 deletions(-)

diff --git a/src/components/dashboard/DashboardMain.tsx b/src/components/dashboard/DashboardMain.tsx
index e194930e..456a554c 100644
--- a/src/components/dashboard/DashboardMain.tsx
+++ b/src/components/dashboard/DashboardMain.tsx
@@ -12,7 +12,7 @@ export const DashboardMain: React.FC<{
   const isMobileLayout = useMobileLayout()
 
   return (
-    <div className="flex-1 overflow-scroll">
+    <div className="flex-1">
       <div
         className={cn(
           fullWidth ? "relative" : "min-w-[270px] relative px-5 py-5 md:px-10",
diff --git a/src/components/dashboard/DashboardSidebar.tsx b/src/components/dashboard/DashboardSidebar.tsx
index d163c6c2..014c2e02 100644
--- a/src/components/dashboard/DashboardSidebar.tsx
+++ b/src/components/dashboard/DashboardSidebar.tsx
@@ -23,19 +23,25 @@ export const DashboardSidebar: React.FC<{
     <div
       className={`${
         isOpen ? `w-sidebar` : "w-20"
-      } relative bg-slate-50 z-10 h-full transition-all flex flex-col`}
+      } transition-[width] relative flex-shrink-0`}
     >
-      {children(isOpen)}
-      <div className="w-[1px] bg-border absolute top-0 right-0 bottom-0"></div>
       <div
-        className="absolute top-5 -right-3 bg-accent rounded-full cursor-pointer text-white w-6 h-6"
-        onClick={() => setIsOpen(!isOpen)}
+        className={`${
+          isOpen ? `w-sidebar` : "w-20"
+        } transition-[width] fixed bg-slate-50 z-10 h-full flex flex-col`}
       >
-        {isOpen ? (
-          <i className="i-mingcute:left-line text-2xl inline-block w-6 h-6" />
-        ) : (
-          <i className="i-mingcute:right-line text-2xl inline-block w-6 h-6" />
-        )}
+        {children(isOpen)}
+        <div className="w-[1px] bg-border absolute top-0 right-0 bottom-0"></div>
+        <div
+          className="absolute top-5 -right-3 bg-accent rounded-full cursor-pointer text-white w-6 h-6"
+          onClick={() => setIsOpen(!isOpen)}
+        >
+          {isOpen ? (
+            <i className="i-mingcute:left-line text-2xl inline-block w-6 h-6" />
+          ) : (
+            <i className="i-mingcute:right-line text-2xl inline-block w-6 h-6" />
+          )}
+        </div>
       </div>
     </div>
   )