26 lines
956 B
TypeScript
26 lines
956 B
TypeScript
import { observer } from "mobx-react";
|
|
import { Outlet } from "react-router";
|
|
import { ProjectsAppPowerKProvider } from "@/components/power-k/projects-app-provider";
|
|
// plane web components
|
|
import { ProjectAppSidebar } from "./_sidebar";
|
|
import { ExtendedProjectSidebar } from "./extended-project-sidebar";
|
|
|
|
function WorkspaceLayout() {
|
|
return (
|
|
<>
|
|
<ProjectsAppPowerKProvider />
|
|
<div className="relative flex flex-col h-full w-full overflow-hidden rounded-lg border border-custom-border-200">
|
|
<div id="full-screen-portal" className="inset-0 absolute w-full" />
|
|
<div className="relative flex size-full overflow-hidden">
|
|
<ProjectAppSidebar />
|
|
<ExtendedProjectSidebar />
|
|
<main className="relative flex h-full w-full flex-col overflow-hidden bg-custom-background-100">
|
|
<Outlet />
|
|
</main>
|
|
</div>
|
|
</div>
|
|
</>
|
|
);
|
|
}
|
|
|
|
export default observer(WorkspaceLayout);
|