fix: replace XIcon with LuX in DialogClose for consistency

This commit is contained in:
arraysid
2025-06-01 11:25:12 +07:00
parent 09a11b4aec
commit dd11bed598
+2 -2
View File
@@ -1,8 +1,8 @@
'use client';
import * as DialogPrimitive from '@radix-ui/react-dialog';
import { XIcon } from 'lucide-react';
import * as React from 'react';
import { LuX } from 'react-icons/lu';
import { cn } from '../lib';
function Dialog({
@@ -70,7 +70,7 @@ function DialogContent({
data-slot="dialog-close"
className="ring-offset-background focus:ring-ring data-[state=open]:bg-accent data-[state=open]:text-muted-foreground absolute top-4 right-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4"
>
<XIcon />
<LuX />
<span className="sr-only">Close</span>
</DialogPrimitive.Close>
)}