Skip to content

Commit 2fd71ae

Browse files
committed
style: update Dialog component close button styles
- Modified the close button in the Dialog component to include a focus background color for improved accessibility and visual feedback. - Adjusted the size class for the close button icon to ensure consistent styling. Signed-off-by: Innei <tukon479@gmail.com>
1 parent 8b395e5 commit 2fd71ae

File tree

1 file changed

+1
-1
lines changed

1 file changed

+1
-1
lines changed

src/components/ui/dialog/Dialog.tsx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -162,7 +162,7 @@ function DialogContent({
162162
{...props}
163163
>
164164
{children}
165-
<DialogPrimitive.Close className="absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground">
165+
<DialogPrimitive.Close className="absolute right-4 top-4 focus:bg-fill size-6 rounded-sm opacity-70 transition-opacity hover:opacity-100 focus:outline-none disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground">
166166
<i className="size-4 i-mingcute-close-line" />
167167
<span className="sr-only">Close</span>
168168
</DialogPrimitive.Close>

0 commit comments

Comments
 (0)