fix: use sheet close button (#19)

ttab · Dec 22, 2023 · 29619ea · 29619ea
1 parent 04e9cf9
commit 29619ea
Showing 1 changed file with 5 additions and 2 deletions.
diff --git a/src/components/ui/sheet.tsx b/src/components/ui/sheet.tsx
@@ -2,6 +2,7 @@
 
 import * as React from 'react'
 import * as SheetPrimitive from '@radix-ui/react-dialog'
+import { Button } from './button'
 import { cva, type VariantProps } from 'class-variance-authority'
 import { X } from 'lucide-react'
 
@@ -65,8 +66,10 @@ SheetContentProps
       {...props}
     >
       {children}
-      <SheetPrimitive.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-secondary">
-        <X className="h-4 w-4" />
+      <SheetPrimitive.Close className="absolute right-2 top-2 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-secondary">
+        <Button variant='ghost' className='w-9 px-0'>
+          <X />
+        </Button>
         <span className="sr-only">Close</span>
       </SheetPrimitive.Close>
     </SheetPrimitive.Content>