fix: ResizableDialog 닫기 버튼 클릭 불가 문제 해결

This commit is contained in:
SeongHyun Kim 2025-11-19 09:12:17 +09:00
parent 0bedd8bc0b
commit bfc86fbcfa
1 changed files with 4 additions and 1 deletions

View File

@ -433,7 +433,10 @@ const ResizableDialogContent = React.forwardRef<
onMouseDown={startResize("nw")}
/>
<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">
<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"
style={{ zIndex: 20 }}
>
<X className="h-4 w-4" />
<span className="sr-only">Close</span>
</DialogPrimitive.Close>