fix(dashboard-3): align aside and header borders in default style (#3137)

This commit is contained in:
Zero
2024-03-26 12:46:03 +08:00
committed by GitHub
parent 5c50a32e8f
commit 1da3e740e4

View File

@@ -52,7 +52,7 @@ export const containerClassName = "w-full h-full"
export default function Dashboard() {
return (
<div className="grid h-screen w-full pl-[53px]">
<div className="grid h-screen w-full pl-[56px]">
<aside className="inset-y fixed left-0 z-20 flex h-full flex-col border-r">
<div className="border-b p-2">
<Button variant="outline" size="icon" aria-label="Home">
@@ -170,7 +170,7 @@ export default function Dashboard() {
</nav>
</aside>
<div className="flex flex-col">
<header className="sticky top-0 z-10 flex h-[53px] items-center gap-1 border-b bg-background px-4">
<header className="sticky top-0 z-10 flex h-[57px] items-center gap-1 border-b bg-background px-4">
<h1 className="text-xl font-semibold">Playground</h1>
<Drawer>
<DrawerTrigger asChild>