markus/finances
1
0
Fork 0
mirror of https://codeberg.org/MarkusThielker/finances.git synced 2025-04-18 16:41:18 +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} categoryPercentages={categoryPercentages}
entityExpenses={entityExpensesFormat} entityExpenses={entityExpensesFormat}
entityPercentages={entityPercentages} 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, categoryPercentages,
entityExpenses, entityExpenses,
entityPercentages, entityPercentages,
className,
}: { }: {
scope: string, scope: string,
scopes: string[], scopes: string[],
@ -39,18 +40,18 @@ export default function DashboardPageClientContent(
entity: Entity, entity: Entity,
value: string, value: string,
}[], }[],
className?: string,
}, },
) { ) {
const router = useRouter(); const router = useRouter();
return ( 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"> <p className="text-3xl font-semibold">Dashboard</p>
<h1 className="text-2xl font-semibold leading-6 text-gray-900 dark:text-white">Dashboard</h1>
<Select <Select
onValueChange={(value) => { onValueChange={(value) => {
@ -208,5 +209,6 @@ export default function DashboardPageClientContent(
</div> </div>
</Card> </Card>
</div> </div>
</div>
); );
} }