markus/next-ory
1
0
Fork 0
mirror of https://codeberg.org/MarkusThielker/next-ory.git synced 2025-04-10 11:58:41 +00:00
Code Releases Packages Activity

NORY-46: modify card component for mobile devices

Browse source
This commit is contained in:
Markus Thielker 2025-02-18 09:12:49 +01:00
parent 7da7a3c8ca
commit 253ad4e2b0
1 changed files with 3 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
dashboard/src/components/ui/card.tsx
View file

@ -23,7 +23,7 @@ const CardHeader = React.forwardRef<
>(({ className, ...props }, ref) => (
<div
ref={ref}
className={cn('flex flex-col space-y-1.5 p-6', className)}
className={cn('flex flex-col space-y-1.5 pb-6 pt-6 sm:p-6', className)}
{...props}
/>
));
@ -60,7 +60,7 @@ const CardContent = React.forwardRef<
HTMLDivElement,
React.HTMLAttributes<HTMLDivElement>
>(({ className, ...props }, ref) => (
<div ref={ref} className={cn('p-6 pt-0', className)} {...props} />
<div ref={ref} className={cn('pb-6 sm:p-6 pt-0', className)} {...props} />
));
CardContent.displayName = 'CardContent';
@ -70,7 +70,7 @@ const CardFooter = React.forwardRef<
>(({ className, ...props }, ref) => (
<div
ref={ref}
className={cn('flex items-center p-6 pt-0', className)}
className={cn('flex items-center pb-6 sm:p-6 pt-0', className)}
{...props}
/>
));