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

Panels redesign.

Browse source
This commit is contained in:
Mike Cao 2025-03-25 14:47:51 -07:00
parent 7886c3f393
commit f5bc3dc6c2
58 changed files with 530 additions and 733 deletions
Download patch file Download diff file Expand all files Collapse all files

2
src/app/(main)/websites/[websiteId]/realtime/RealtimeLog.module.css
View file

@ -59,7 +59,7 @@
}
.row .link:hover {
color: var(--primary400);
color: var(--primary-color);
}
.search {

30
src/app/(main)/websites/[websiteId]/realtime/WebsiteRealtimePage.tsx
View file

@ -1,7 +1,9 @@
'use client';
import { firstBy } from 'thenby';
import { Grid, GridRow } from '@/components/layout/Grid';
import { Grid } from '@umami/react-zen';
import { GridRow } from '@/components/layout/GridRow';
import { Page } from '@/components/layout/Page';
import { Panel } from '@/components/layout/Panel';
import { RealtimeChart } from '@/components/metrics/RealtimeChart';
import { WorldMap } from '@/components/metrics/WorldMap';
import { useRealtimeQuery } from '@/components/hooks';
@ -26,20 +28,28 @@ export function WebsiteRealtimePage({ websiteId }) {
);
return (
<>
<Grid gap="3">
<WebsiteHeader websiteId={websiteId} />
<RealtimeHeader data={data} />
<RealtimeChart data={data} unit="minute" />
<Grid>
<GridRow columns="one-two">
<Panel>
<RealtimeChart data={data} unit="minute" />
</Panel>
<GridRow layout="one-two">
<Panel>
<RealtimeUrls data={data} />
</Panel>
<Panel>
<RealtimeLog data={data} />
</GridRow>
<GridRow columns="one-two">
</Panel>
</GridRow>
<GridRow layout="one-two">
<Panel>
<RealtimeCountries data={countries} />
</Panel>
<Panel padding="0">
<WorldMap data={countries} />
</GridRow>
</Grid>
</>
</Panel>
</GridRow>
</Grid>
);
}