feat: dashboard layout style
This commit is contained in:
parent
2f8a510504
commit
b34856fa2e
|
|
@ -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",
|
||||
|
|
|
|||
|
|
@ -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
|
||||
|
|
|
|||
|
|
@ -221,5 +221,6 @@
|
|||
"Interaction": "互动",
|
||||
"External Url": "外部链接",
|
||||
"Autofill": "自动填充",
|
||||
"Title": "标题"
|
||||
"Title": "标题",
|
||||
"Edit portfolio": "编辑作品"
|
||||
}
|
||||
|
|
|
|||
Loading…
Reference in New Issue