watson/umami
1
0
Fork 0
mirror of https://github.com/umami-software/umami.git synced 2025-12-08 05:12:36 +01:00
Code Issues Projects Releases Packages Wiki Activity Actions 5

Refactored website components. New layout.

Browse source
This commit is contained in:
Mike Cao 2025-05-20 01:12:07 -07:00
parent 6e41ba2e2c
commit 06f76dda13
35 changed files with 1159 additions and 987 deletions
Download patch file Download diff file Expand all files Collapse all files

26
src/app/(main)/settings/SettingsLayout.tsx
View file

@ -5,6 +5,7 @@ import { useLoginQuery, useMessages, useNavigation } from '@/components/hooks';
import { SideMenu } from '@/components/common/SideMenu';
import { PageHeader } from '@/components/common/PageHeader';
import { Panel } from '@/components/common/Panel';
import { PageBody } from '@/components/common/PageBody';
export function SettingsLayout({ children }: { children: ReactNode }) {
const { user } = useLoginQuery();
@ -33,17 +34,18 @@ export function SettingsLayout({ children }: { children: ReactNode }) {
const value = items.find(({ url }) => pathname.includes(url))?.id;
return (
<Column gap="6">
<PageHeader title={formatMessage(labels.settings)} />
<Grid columns="160px 1fr" gap="6">
<Column marginTop="6">
<SideMenu items={items} selectedKey={value} />
</Column>
<Column>
<Panel>{children}</Panel>
</Column>
</Grid>
</Column>
<PageBody>
<Column gap="6">
<PageHeader title={formatMessage(labels.settings)} />
<Grid columns="160px 1fr" gap>
<Column>
<SideMenu items={items} selectedKey={value} />
</Column>
<Column>
<Panel>{children}</Panel>
</Column>
</Grid>
</Column>
</PageBody>
);
}