feat: add UI component files and navigation structure
Added various UI components and navigation elements including: - Section cards and selection components - Social icon SVGs with horizontal/vertical text variants - Table, tabs, and toggle components - Site header and sidebar components - Tooltip and unauthorized page - Project configuration files (tsconfig.json) - Route handlers for health checks - Utility and hook functions for mobile responsiveness
This commit is contained in:
parent
a620991529
commit
f691f5d570
63 changed files with 7956 additions and 2854 deletions
24
app/(dev)/showcase/layout.tsx
Normal file
24
app/(dev)/showcase/layout.tsx
Normal file
|
|
@ -0,0 +1,24 @@
|
|||
import { AppSidebar } from "@components/app-sidebar"
|
||||
import { SidebarInset, SidebarProvider } from "@components/ui/sidebar"
|
||||
import { SiteHeader } from "@components/site-header"
|
||||
|
||||
export default function ShowcaseLayout({ children }: { children: React.ReactNode }) {
|
||||
return (
|
||||
<SidebarProvider
|
||||
style={
|
||||
{
|
||||
"--sidebar-width": "calc(var(--spacing) * 72)",
|
||||
"--header-height": "calc(var(--spacing) * 12)",
|
||||
} as React.CSSProperties
|
||||
}
|
||||
>
|
||||
<AppSidebar variant="inset" />
|
||||
<SidebarInset>
|
||||
<SiteHeader />
|
||||
<div className="flex flex-1 flex-col">
|
||||
<div className="@container/main flex flex-1 flex-col gap-2">{children}</div>
|
||||
</div>
|
||||
</SidebarInset>
|
||||
</SidebarProvider>
|
||||
)
|
||||
}
|
||||
Loading…
Add table
Add a link
Reference in a new issue