N-FIN-31: fix card and button alignment

This commit is contained in:
Markus Thielker 2024-03-17 00:08:00 +01:00
parent e60561ffc0
commit b064448119
No known key found for this signature in database

View file

@ -42,7 +42,7 @@ export default async function AccountPage() {
return ( return (
<div className="flex flex-col items-center"> <div className="flex flex-col items-center">
<Card className="w-full max-w-md mt-12"> <Card className="w-full max-w-md md:mt-12">
<CardHeader> <CardHeader>
<CardTitle>Hey, {user?.username}!</CardTitle> <CardTitle>Hey, {user?.username}!</CardTitle>
<CardDescription>This is your account overview.</CardDescription> <CardDescription>This is your account overview.</CardDescription>
@ -81,7 +81,7 @@ export default async function AccountPage() {
</div> </div>
</div> </div>
</CardContent> </CardContent>
<CardFooter className="space-x-4"> <CardFooter className="grid gap-4 grid-cols-1 md:grid-cols-2">
{ {
process.env.NODE_ENV === 'development' && ( process.env.NODE_ENV === 'development' && (
<GenerateSampleDataForm onSubmit={generateSampleData}/> <GenerateSampleDataForm onSubmit={generateSampleData}/>