Merge pull request #44 from junwen-k/refactor/use-1/2-tailwind-class

refactor: use native 1/2 tailwind class
ecklf · Sep 20, 2023 · 3246118 · 3246118
2 parents 58bd6c0 + 3067c52
commit 3246118
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 2 deletions.
diff --git a/demo/components/alert-dialog.tsx b/demo/components/alert-dialog.tsx
@@ -44,7 +44,7 @@ const AlertDialog = (props: AlertDialogProps) => {
               className={clsx(
                 "fixed z-50",
                 "w-[95vw] max-w-md rounded-lg p-4 md:w-full",
-                "top-[50%] left-[50%] -translate-x-[50%] -translate-y-[50%]",
+                "top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2",
                 "bg-white dark:bg-gray-800",
                 "focus:outline-none focus-visible:ring focus-visible:ring-purple-500 focus-visible:ring-opacity-75"
               )}

diff --git a/demo/components/dialog.tsx b/demo/components/dialog.tsx
@@ -45,7 +45,7 @@ const Dialog = (props: DialogProps) => {
               className={clsx(
                 "fixed z-50",
                 "w-[95vw] max-w-md rounded-lg p-4 md:w-full",
-                "top-[50%] left-[50%] -translate-x-[50%] -translate-y-[50%]",
+                "top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2",
                 "bg-white dark:bg-gray-800",
                 "focus:outline-none focus-visible:ring focus-visible:ring-purple-500 focus-visible:ring-opacity-75"
               )}