sheet mobile

SaxonF · SaxonF · commit ffb01ca708ae · 2024-12-05T11:44:05.000+10:00
diff --git a/apps/web/components/ui/sheet.tsx b/apps/web/components/ui/sheet.tsx
@@ -71,13 +71,13 @@ const SheetContent = React.forwardRef<
 SheetContent.displayName = SheetPrimitive.Content.displayName
 
 const SheetHeader = ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => (
-  <div className={cn('flex flex-col text-center sm:text-left', className)} {...props} />
+  <div className={cn('flex flex-col sm:text-left', className)} {...props} />
 )
 SheetHeader.displayName = 'SheetHeader'
 
 const SheetFooter = ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => (
   <div
-    className={cn('flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2', className)}
+    className={cn('flex flex-col-reverse gap-2 sm:flex-row sm:justify-end sm:space-x-2', className)}
     {...props}
   />
 )

Original file line number	Diff line number	Diff line change
`@@ -71,13 +71,13 @@ const SheetContent = React.forwardRef<`
`71`	`71`	`SheetContent.displayName = SheetPrimitive.Content.displayName`
`72`	`72`
`73`	`73`	`const SheetHeader = ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => (`
`74`		`- <div className={cn('flex flex-col text-center sm:text-left', className)} {...props} />`
	`74`	`+ <div className={cn('flex flex-col sm:text-left', className)} {...props} />`
`75`	`75`	`)`
`76`	`76`	`SheetHeader.displayName = 'SheetHeader'`
`77`	`77`
`78`	`78`	`const SheetFooter = ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => (`
`79`	`79`	`<div`
`80`		`- className={cn('flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2', className)}`
	`80`	`+ className={cn('flex flex-col-reverse gap-2 sm:flex-row sm:justify-end sm:space-x-2', className)}`
`81`	`81`	`{...props}`
`82`	`82`	`/>`
`83`	`83`	`)`