rohit/probo
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Global container

Browse Source
This commit is contained in:
Émile Ré
2025-03-14 15:28:57 +04:00
parent fdb247b813
commit 6d9851190e
2 changed files with 9 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
apps/console/src/components/AppSidebarShell.tsx
View File

@@ -20,7 +20,7 @@ export function AppSidebarShell({
...props ...props
}: AppSidebarShellProps) { }: AppSidebarShellProps) {
return ( return (
<Sidebar variant="inset" {...props}> <Sidebar variant="sidebar" {...props}>
<SidebarHeader>{organizationSwitcher}</SidebarHeader> <SidebarHeader>{organizationSwitcher}</SidebarHeader>
<SidebarContent> <SidebarContent>
{navMain} {navMain}

23
apps/console/src/layouts/ConsoleLayout.tsx
View File

@@ -9,12 +9,7 @@ import {
BreadcrumbPage, BreadcrumbPage,
BreadcrumbSeparator, BreadcrumbSeparator,
} from "@/components/ui/breadcrumb"; } from "@/components/ui/breadcrumb";
import { Separator } from "@/components/ui/separator"; import { SidebarInset, SidebarProvider } from "@/components/ui/sidebar";
import {
SidebarInset,
SidebarProvider,
SidebarTrigger,
} from "@/components/ui/sidebar";
import { Toaster } from "@/components/ui/toaster"; import { Toaster } from "@/components/ui/toaster";
import { graphql, useLazyLoadQuery } from "react-relay"; import { graphql, useLazyLoadQuery } from "react-relay";
import { ConsoleLayoutBreadcrumbFrameworkOverviewQuery } from "./__generated__/ConsoleLayoutBreadcrumbFrameworkOverviewQuery.graphql"; import { ConsoleLayoutBreadcrumbFrameworkOverviewQuery } from "./__generated__/ConsoleLayoutBreadcrumbFrameworkOverviewQuery.graphql";
@@ -384,13 +379,11 @@ export default function ConsoleLayout() {
return ( return (
<SidebarProvider> <SidebarProvider>
<Suspense> <Suspense>
<AppSidebar /> <AppSidebar className="p-4" />
</Suspense> </Suspense>
<SidebarInset> <SidebarInset className="flex items-center">
<header className="flex h-16 shrink-0 items-center gap-2"> <div className="w-lg md:w-xl lg:w-3xl xl:w-4xl 2xl:w-5xl p-8">
<div className="flex items-center gap-2 px-4"> <header className="flex shrink-0 items-center gap-2">
<SidebarTrigger className="-ml-1" />
<Separator orientation="vertical" className="mr-2 h-4" />
<Routes> <Routes>
<Route <Route
path=":organizationsId" path=":organizationsId"
@@ -492,14 +485,12 @@ export default function ConsoleLayout() {
/> />
</Route> </Route>
</Routes> </Routes>
</div>
</header> </header>
<div className="flex flex-1 flex-col gap-4 px-8 pt-0"> <div className="mt-7 w-full">
<div className="w-full max-w-[1000px]">
<Outlet /> <Outlet />
</div> </div>
<Toaster />
</div> </div>
<Toaster />
</SidebarInset> </SidebarInset>
</SidebarProvider> </SidebarProvider>
); );