mirror of
https://github.com/makeplane/plane
synced 2024-06-14 14:31:34 +00:00
33 lines
1.3 KiB
TypeScript
33 lines
1.3 KiB
TypeScript
import Image from "next/image";
|
|
|
|
// mobx
|
|
import { observer } from "mobx-react-lite";
|
|
import planeLogo from "public/plane-logo.svg";
|
|
// components
|
|
import IssueNavbar from "components/issues/navbar";
|
|
|
|
const ProjectLayout = ({ children }: { children: React.ReactNode }) => (
|
|
<div className="relative flex h-screen min-h-[500px] w-screen flex-col overflow-hidden">
|
|
<div className="relative flex h-[60px] flex-shrink-0 select-none items-center border-b border-neutral-border-medium bg-sidebar-neutral-component-surface-light">
|
|
<IssueNavbar />
|
|
</div>
|
|
<div className="relative h-full w-full overflow-hidden bg-neutral-component-surface-medium">{children}</div>
|
|
|
|
<a
|
|
href="https://plane.so"
|
|
className="fixed bottom-2.5 right-5 !z-[999999] flex items-center gap-1 rounded border border-neutral-border-medium bg-neutral-component-surface-light px-2 py-1 shadow-custom-shadow-2xs"
|
|
target="_blank"
|
|
rel="noreferrer noopener"
|
|
>
|
|
<div className="relative grid h-6 w-6 place-items-center">
|
|
<Image src={planeLogo} alt="Plane logo" className="h-6 w-6" height="24" width="24" />
|
|
</div>
|
|
<div className="text-xs">
|
|
Powered by <span className="font-semibold">Plane Deploy</span>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
);
|
|
|
|
export default observer(ProjectLayout);
|