feat: dashboard layout style

This commit is contained in:
DIYgod 2023-08-24 18:17:08 +01:00
parent 2f8a510504
commit b34856fa2e
No known key found for this signature in database
3 changed files with 7 additions and 12 deletions

View File

@ -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",

View File

@ -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

View File

@ -221,5 +221,6 @@
"Interaction": "互动",
"External Url": "外部链接",
"Autofill": "自动填充",
"Title": "标题"
"Title": "标题",
"Edit portfolio": "编辑作品"
}