feat: add mobile shadcn admin navigation

This commit is contained in:
hailin
2026-07-02 15:26:10 +08:00
parent 8749faae43
commit 37d83c9ac8
5 changed files with 324 additions and 43 deletions

View File

@@ -1,16 +1,29 @@
import { Bell, ChevronRight, LogOut, UserRound } from 'lucide-react'
import { Bell, ChevronRight, LogOut, Menu, UserRound } from 'lucide-react'
import { Badge } from '@/components/ui/badge'
import { Button } from '@/components/ui/button'
import { Separator } from '@/components/ui/separator'
import { useAuth } from '@/features/auth/AuthProvider'
export function AppTopbar() {
type AppTopbarProps = {
onMobileMenuClick?: () => void
}
export function AppTopbar({ onMobileMenuClick }: AppTopbarProps) {
const { logout, user } = useAuth()
return (
<header className="sticky top-0 z-20 flex h-14 items-center justify-between border-b border-border bg-surface/95 px-6 backdrop-blur">
<div className="flex min-w-0 items-center gap-2 text-sm">
<Button
variant="ghost"
size="icon"
className="-ml-2 lg:hidden"
aria-label="打开导航"
onClick={onMobileMenuClick}
>
<Menu data-icon="inline-start" />
</Button>
<span className="font-medium text-foreground">AI 工单平台</span>
<ChevronRight className="size-4 text-muted-foreground" />
<span className="truncate text-muted-foreground">当前工作区</span>