markus/next-ory
1
0
Fork 0
mirror of https://codeberg.org/MarkusThielker/next-ory.git synced 2025-04-19 00:51:18 +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) => ( >(({ className, ...props }, ref) => (
<div <div
ref={ref} 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} {...props}
/> />
)); ));
@ -60,7 +60,7 @@ const CardContent = React.forwardRef<
HTMLDivElement, HTMLDivElement,
React.HTMLAttributes<HTMLDivElement> React.HTMLAttributes<HTMLDivElement>
>(({ className, ...props }, ref) => ( >(({ 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'; CardContent.displayName = 'CardContent';
@ -70,7 +70,7 @@ const CardFooter = React.forwardRef<
>(({ className, ...props }, ref) => ( >(({ className, ...props }, ref) => (
<div <div
ref={ref} 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} {...props}
/> />
)); ));