markus/finances
1
0
Fork 0
mirror of https://codeberg.org/MarkusThielker/finances.git synced 2025-04-12 05:08:43 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

N-FIN-15: fix dashboard content alignment

Browse source
This commit is contained in:
Markus Thielker 2024-03-11 04:49:51 +01:00
parent c1359dbcf7
commit 161612aa90
No known key found for this signature in database
2 changed files with 160 additions and 157 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
src/app/page.tsx
View file

@ -200,6 +200,7 @@ export default async function DashboardPage(props: { searchParams?: { scope: Sco
categoryPercentages={categoryPercentages}
entityExpenses={entityExpensesFormat}
entityPercentages={entityPercentages}
className="flex flex-col justify-center space-y-4 p-10"
/>
);
}

12
src/components/dashboardPageClientComponents.tsx
View file

@ -17,6 +17,7 @@ export default function DashboardPageClientContent(
categoryPercentages,
entityExpenses,
entityPercentages,
className,
}: {
scope: string,
scopes: string[],
@ -39,18 +40,18 @@ export default function DashboardPageClientContent(
entity: Entity,
value: string,
}[],
className?: string,
},
) {
const router = useRouter();
return (
<div className="flex flex-col space-y-4 p-8">
<div className={className}>
<div className="flex flex-col space-y-4">
<div className="flex items-center justify-between w-full">
<div className="flex flex-row items-center justify-between">
<h1 className="text-2xl font-semibold leading-6 text-gray-900 dark:text-white">Dashboard</h1>
<p className="text-3xl font-semibold">Dashboard</p>
<Select
onValueChange={(value) => {
@ -208,5 +209,6 @@ export default function DashboardPageClientContent(
</div>
</Card>
</div>
</div>
);
}