fix credenza dialog spacing on mobile

This commit is contained in:
miloschwartz
2026-01-20 10:18:17 -08:00
parent 9f7c162107
commit 7ed8b16a53

View File

@@ -83,7 +83,10 @@ const CredenzaContent = ({ className, children, ...props }: CredenzaProps) => {
return ( return (
<CredenzaContent <CredenzaContent
className={cn("overflow-y-auto max-h-screen", className)} className={cn(
"overflow-y-auto max-h-[100dvh] md:max-h-screen",
className
)}
{...props} {...props}
side={"bottom"} side={"bottom"}
onOpenAutoFocus={(e) => e.preventDefault()} onOpenAutoFocus={(e) => e.preventDefault()}
@@ -166,7 +169,7 @@ const CredenzaFooter = ({ className, children, ...props }: CredenzaProps) => {
return ( return (
<CredenzaFooter <CredenzaFooter
className={cn( className={cn(
"mt-8 md:mt-0 -mx-6 -mb-4 px-6 py-4 border-t border-border", "mt-8 md:mt-0 -mx-6 md:-mb-4 px-6 py-4 border-t border-border gap-2 md:gap-0",
className className
)} )}
{...props} {...props}