From b34856fa2e40746434539a61a29864fb79033d05 Mon Sep 17 00:00:00 2001
From: DIYgod <i@diygod.me>
Date: Thu, 24 Aug 2023 18:17:08 +0100
Subject: [PATCH] feat: dashboard layout style

---
 src/components/dashboard/DashboardMain.tsx   |  4 +++-
 src/components/dashboard/DashboardTopbar.tsx | 12 ++----------
 src/lib/i18n/locales/zh/dashboard.json       |  3 ++-
 3 files changed, 7 insertions(+), 12 deletions(-)

diff --git a/src/components/dashboard/DashboardMain.tsx b/src/components/dashboard/DashboardMain.tsx
index e6cb8e1c..565a7518 100644
--- a/src/components/dashboard/DashboardMain.tsx
+++ b/src/components/dashboard/DashboardMain.tsx
@@ -19,7 +19,9 @@ export const DashboardMain = ({
   return (
     <div
       className={cn(
-        fullWidth ? "relative" : "min-w-[270px] relative px-5 py-5 md:px-10",
+        fullWidth
+          ? "relative"
+          : "min-w-[270px] relative px-5 py-5 md:px-10 md:py-8",
         className,
         isMobileLayout ? "max-w-[100vw]" : "",
         "min-h-full flex flex-col",
diff --git a/src/components/dashboard/DashboardTopbar.tsx b/src/components/dashboard/DashboardTopbar.tsx
index 403cca62..c577197e 100644
--- a/src/components/dashboard/DashboardTopbar.tsx
+++ b/src/components/dashboard/DashboardTopbar.tsx
@@ -1,4 +1,4 @@
-import { Fragment, useState } from "react"
+import { Fragment } from "react"
 
 import { Popover, Transition } from "@headlessui/react"
 import { Bars3Icon } from "@heroicons/react/24/outline"
@@ -14,8 +14,6 @@ export const DashboardTopbar = ({
   userWidget: React.ReactNode
   drawerWidget: (close: any) => React.ReactNode
 }) => {
-  const [isOpen, setIsOpen] = useState(false)
-
   return (
     <div className="w-full top-0 h-16 bg-slate-50 z-20 transition-all flex flex-row fixed px-5 md:px-10 items-center">
       <Popover className="relative">
@@ -32,13 +30,7 @@ export const DashboardTopbar = ({
             >
               <Popover.Overlay className="fixed inset-0 bg-black opacity-10" />
             </Transition>
-            <Popover.Button
-              className={`
-                group inline-flex items-center rounded-md  text-base font-medium   hover:text-opacity-100 focus:outline-none focus-visible:ring-2 focus-visible:ring-white focus-visible:ring-opacity-75`}
-              onClick={() => {
-                setIsOpen(true)
-              }}
-            >
+            <Popover.Button className="group inline-flex items-center rounded-md text-base font-medium hover:text-opacity-100 focus:outline-none focus-visible:ring-2 focus-visible:ring-white focus-visible:ring-opacity-75">
               <Bars3Icon className="h-6 w-6" />
             </Popover.Button>
             <Transition
diff --git a/src/lib/i18n/locales/zh/dashboard.json b/src/lib/i18n/locales/zh/dashboard.json
index df7819b3..9c7a163a 100644
--- a/src/lib/i18n/locales/zh/dashboard.json
+++ b/src/lib/i18n/locales/zh/dashboard.json
@@ -221,5 +221,6 @@
   "Interaction": "互动",
   "External Url": "外部链接",
   "Autofill": "自动填充",
-  "Title": "标题"
+  "Title": "标题",
+  "Edit portfolio": "编辑作品"
 }