3pp-mirror/rallly
1
0
Fork 0
mirror of https://github.com/lukevella/rallly.git synced 2025-06-18 18:41:51 +02:00
Code Issues Projects Releases Packages Wiki Activity

💄 Upate dialog styles

Browse source
This commit is contained in:
Luke Vella 2025-03-31 22:22:13 +01:00
parent 8001256dc1
commit e3eaee864f
No known key found for this signature in database
GPG key ID: 469CAD687F0D784C
1 changed files with 9 additions and 5 deletions
Download patch file Download diff file Expand all files Collapse all files

14
packages/ui/src/dialog.tsx
View file

@ -5,6 +5,8 @@ import { XIcon } from "lucide-react";
import * as React from "react";
import { cn } from "./lib/utils";
import { Button } from "./button";
import { Icon } from "./icon";
export type { DialogProps } from "@radix-ui/react-dialog";
@ -59,12 +61,14 @@ const DialogContent = React.forwardRef<
>
{children}
{!hideCloseButton ? (
<DialogPrimitive.Close className="ring-offset-background focus:ring-ring data-[state=open]:bg-accent data-[state=open]:text-muted-foreground absolute right-4 top-4 rounded-sm opacity-70 transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-offset-2 disabled:pointer-events-none">
<>
<XIcon className="size-4" />
<DialogClose asChild className="absolute right-4 top-4">
<Button size="icon" variant="ghost">
<Icon>
<XIcon />
</Icon>
<span className="sr-only">Close</span>
</>
</DialogPrimitive.Close>
</Button>
</DialogClose>
) : null}
</DialogPrimitive.Content>
</DialogPortal>