feat: add basic layout (#3)
Co-authored-by: typist <git@mail.typist.cc> Reviewed-on: #3
This commit is contained in:
25
src/components/sidebar/index.tsx
Normal file
25
src/components/sidebar/index.tsx
Normal file
@@ -0,0 +1,25 @@
|
||||
import { Sidebar, SidebarContent, SidebarFooter, SidebarHeader, SidebarMenuButton, SidebarMenuItem } from "@/components/ui/sidebar";
|
||||
import { tools } from "@/components/tool";
|
||||
|
||||
export const AppSidebar = () => (
|
||||
<Sidebar>
|
||||
<SidebarHeader>
|
||||
Lite Kit
|
||||
</SidebarHeader>
|
||||
<SidebarContent>
|
||||
{
|
||||
tools.map((tool) => (
|
||||
<SidebarMenuItem key={tool.name}>
|
||||
<SidebarMenuButton>
|
||||
{tool.icon}
|
||||
{tool.name}
|
||||
</SidebarMenuButton>
|
||||
</SidebarMenuItem>
|
||||
))
|
||||
}
|
||||
</SidebarContent>
|
||||
<SidebarFooter>
|
||||
<a href="mailto:litek@mail.typist.cc">contact us</a>
|
||||
</SidebarFooter>
|
||||
</Sidebar>
|
||||
)
|
||||
Reference in New Issue
Block a user