zias/stats
1
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

show project cards in grid

Browse Source
This commit is contained in:
Carl-Gerhard Lindesvärd
2024-05-28 19:58:08 +02:00
parent bf6b54caa0
commit 813f86a9a9
2 changed files with 7 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
apps/dashboard/src/app/(app)/[organizationSlug]/page.tsx
View File

@@ -45,11 +45,13 @@ export default async function Page({
<FullWidthNavbar>
<SignOutButton />
</FullWidthNavbar>
<div className="mx-auto flex w-full max-w-xl flex-col gap-4 p-4 pt-20 ">
<div className="mx-auto flex flex-col gap-4 p-4 pt-20 md:max-w-[95vw] lg:max-w-[80vw] ">
<h1 className="text-xl font-medium">Select project</h1>
{projects.map((item) => (
<ProjectCard key={item.id} {...item} />
))}
<div className="grid gap-4 md:grid-cols-2">
{projects.map((item) => (
<ProjectCard key={item.id} {...item} />
))}
</div>
</div>
</div>
);

7
apps/dashboard/src/components/projects/project-card.tsx
View File

@@ -1,8 +1,5 @@
import { Suspense } from 'react';
import withSuspense from '@/hocs/with-suspense';
import { shortNumber } from '@/hooks/useNumerFormatter';
import { Fallback } from '@radix-ui/react-avatar';
import { endOfMonth, startOfMonth } from 'date-fns';
import { escape } from 'sqlstring';
import type { IServiceProject } from '@openpanel/db';
@@ -26,9 +23,7 @@ function ProjectCard({ id, name, organizationSlug }: IServiceProject) {
<ProjectChart id={id} />
</Suspense>
</div>
<div className="flex justify-between gap-4 text-sm text-muted-foreground">
<div className="font-medium">Visitors</div>
<div className="flex justify-end gap-4 text-sm text-muted-foreground">
<Suspense>
<ProjectMetrics id={id} />
</Suspense>