made a lot of accessibility fixes for the modalsincluding pointers, keyboard navigation and consistent border radius

2026-04-23 20:06:10 -04:00
parent 31b5bc4515
commit 896cd4fa21
9 changed files with 115 additions and 69 deletions
@@ -1,3 +1,4 @@
+import modalStyles from '../modals/modal-interactive.module.css'
 import * as React from "react"
 import { Dialog as DialogPrimitive } from "@base-ui/react/dialog"

@@ -63,13 +64,12 @@ function DialogContent({
            render={
              <Button
                variant="ghost"
-                className="absolute top-2 right-2"
+                className={"absolute top-2 right-2 " + modalStyles['modal-close-pointer']}
                size="icon-sm"
              />
            }
          >
-            <XIcon
-            />
+            <XIcon />
            <span className="sr-only">Close</span>
          </DialogPrimitive.Close>
        )}