refactor(ui): optimize classNames in AlertDialog components

tszhong0411 · Jan 14, 2025 · 52342f1 · 52342f1
1 parent 443c3eb
commit 52342f1
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 2 deletions.
diff --git a/.changeset/curvy-lemons-dress.md b/.changeset/curvy-lemons-dress.md
@@ -0,0 +1,5 @@
+---
+'@tszhong0411/ui': patch
+---
+
+Optimize classNames in AlertDialog components
diff --git a/packages/ui/src/alert-dialog.tsx b/packages/ui/src/alert-dialog.tsx
@@ -63,7 +63,7 @@ export const AlertDialogFooter = (props: AlertDialogFooterProps) => {
 
   return (
     <div
-      className={cn('flex flex-col-reverse sm:flex-row sm:justify-end sm:gap-2', className)}
+      className={cn('flex flex-col-reverse gap-2 sm:flex-row sm:justify-end', className)}
       {...rest}
     />
   )
@@ -105,7 +105,7 @@ export const AlertDialogCancel = (props: AlertDialogCancelProps) => {
 
   return (
     <AlertDialogPrimitive.Cancel
-      className={cn(buttonVariants({ variant: 'outline' }), 'mt-2 sm:mt-0', className)}
+      className={cn(buttonVariants({ variant: 'outline' }), className)}
       {...rest}
     />
   )