implement group page (#6)

* implement group page

* group state, search box

* rename some field

* update api types
This commit is contained in:
UUBulb
2024-11-19 21:40:03 +08:00
committed by GitHub
parent 37a121559f
commit 2bf2639080
26 changed files with 1975 additions and 29 deletions

View File

@@ -21,8 +21,8 @@ export default function Header() {
const location = useLocation();
return <header className="h-16 flex items-center border-b-2 px-4">
<NavigationMenu className="max-w-full">
return <header className="h-16 flex items-center border-b-2 px-4 overflow-x-auto">
<NavigationMenu className="sm:max-w-full">
<NavigationMenuList>
<Card>
<NavigationMenuLink asChild className={navigationMenuTriggerStyle() + ' !text-foreground'}>
@@ -52,6 +52,11 @@ export default function Header() {
<Link to="/dashboard/nat">NAT Traversal</Link>
</NzNavigationMenuLink>
</NavigationMenuItem>
<NavigationMenuItem>
<NzNavigationMenuLink asChild active={location.pathname === "/dashboard/server-group" || location.pathname === "/dashboard/notification-group"} className={navigationMenuTriggerStyle()}>
<Link to="/dashboard/server-group">Groups</Link>
</NzNavigationMenuLink>
</NavigationMenuItem>
</>
}
</NavigationMenuList>