💄 Update input and focus styles (#1012)

This commit is contained in:
Luke Vella 2024-02-01 12:44:30 +07:00 committed by GitHub
parent 8b0f039840
commit 729e97cc53
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
12 changed files with 69 additions and 68 deletions

View file

@ -52,7 +52,7 @@ const DialogContent = React.forwardRef<
<DialogPrimitive.Content
ref={ref}
className={cn(
"animate-in sm:zoom-in-90 data-[state=open]:fade-in shadow-huge fixed z-50 grid w-full gap-4 overflow-hidden bg-white p-5 sm:rounded-md",
"animate-in data-[state=open]:fade-in shadow-huge fixed z-50 mx-4 grid translate-y-4 gap-4 overflow-hidden rounded-md bg-white p-5",
{
"sm:max-w-sm": size === "sm",
"sm:max-w-md": size === "md",
@ -80,10 +80,7 @@ const DialogHeader = ({
className,
...props
}: React.HTMLAttributes<HTMLDivElement>) => (
<div
className={cn("flex flex-col text-center sm:text-left", className)}
{...props}
/>
<div className={cn("flex flex-col", className)} {...props} />
);
DialogHeader.displayName = "DialogHeader";