watson/umami
1
0
Fork 0
mirror of https://github.com/umami-software/umami.git synced 2026-02-16 02:25:35 +01:00
Code Issues Projects Releases Packages Wiki Activity Actions 2

New website layout.

Browse source
This commit is contained in:
Mike Cao 2025-05-18 03:34:37 -07:00
parent c5086be6eb
commit 6e41ba2e2c
7 changed files with 355 additions and 125 deletions
Download patch file Download diff file Expand all files Collapse all files

9
src/app/(main)/websites/[websiteId]/WebsiteLayout.tsx
View file

@ -1,13 +1,20 @@
'use client';
import { ReactNode } from 'react';
import { Grid, Column, Box } from '@umami/react-zen';
import { WebsiteProvider } from './WebsiteProvider';
import { WebsiteHeader } from '@/app/(main)/websites/[websiteId]/WebsiteHeader';
import { WebsiteTabs } from '@/app/(main)/websites/[websiteId]/WebsiteTabs';
export function WebsiteLayout({ websiteId, children }: { websiteId: string; children: ReactNode }) {
return (
<WebsiteProvider websiteId={websiteId}>
<WebsiteHeader websiteId={websiteId} />
{children}
<Grid columns="170px 1140px" justifyContent="center" gap>
<Box position="sticky" top="20px" alignSelf="flex-start">
<WebsiteTabs websiteId={websiteId} />
</Box>
<Column>{children}</Column>
</Grid>
</WebsiteProvider>
);
}