feat: add mobile shadcn admin navigation
This commit is contained in:
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user