add gap to dialog footers

Herobread · Jul 24, 2024 · a9d47b6 · a9d47b6
1 parent 9842562
commit a9d47b6
Show file tree

Hide file tree

Showing 7 changed files with 7 additions and 7 deletions.
diff --git a/src/components/ui/dialog.tsx b/src/components/ui/dialog.tsx
@@ -100,7 +100,7 @@ const DialogFooter = ({
 }: React.HTMLAttributes<HTMLDivElement>) => (
     <div
         className={cn(
-            "flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2",
+            "flex flex-col-reverse gap-1 sm:flex-row sm:justify-end sm:space-x-2",
             className
         )}
         {...props}

diff --git a/src/features/shared/dialogs/AddNoteDialog.tsx b/src/features/shared/dialogs/AddNoteDialog.tsx
@@ -110,7 +110,7 @@ export default NiceModal.create(({ fileKey }: { fileKey: string }) => {
                                 </FormItem>
                             )}
                         />
-                        <DialogFooter className="flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2">
+                        <DialogFooter className="flex flex-col-reverse gap-1 sm:flex-row sm:justify-end sm:space-x-2">
                             <Button
                                 variant={"outline"}
                                 type="button"

diff --git a/src/features/shared/dialogs/EditQuickLinkDialog.tsx b/src/features/shared/dialogs/EditQuickLinkDialog.tsx
@@ -149,7 +149,7 @@ export default NiceModal.create(({ quickLink }: { quickLink: QuickLink }) => {
                                     }}
                                 />
                             </CompactLayout>
-                            <DialogFooter className="flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2">
+                            <DialogFooter className="flex flex-col-reverse gap-1 sm:flex-row sm:justify-end sm:space-x-2">
                                 <Button
                                     onClick={handleClose}
                                     variant={"outline"}

diff --git a/src/features/shared/dialogs/tags/AddNewTagDialog.tsx b/src/features/shared/dialogs/tags/AddNewTagDialog.tsx
@@ -124,7 +124,7 @@ export default NiceModal.create(({ fileLink }: TagFileMenuDialogProps) => {
                                 </FormItem>
                             )}
                         />
-                        <DialogFooter className="flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2">
+                        <DialogFooter className="flex flex-col-reverse gap-1 sm:flex-row sm:justify-end sm:space-x-2">
                             <Button
                                 type="button"
                                 variant={"outline"}

diff --git a/src/features/shared/dialogs/tags/ManageTagCard.tsx b/src/features/shared/dialogs/tags/ManageTagCard.tsx
@@ -108,7 +108,7 @@ export function ManageTagCard({ tag, files }: ManageTagCardProps) {
                                 </FormItem>
                             )}
                         />
-                        <div className="flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2">
+                        <div className="flex flex-col-reverse gap-1 sm:flex-row sm:justify-end sm:space-x-2">
                             <Button
                                 type="button"
                                 variant={"outline"}

diff --git a/src/features/shared/dialogs/tags/ManageTagsDialog.tsx b/src/features/shared/dialogs/tags/ManageTagsDialog.tsx
@@ -72,7 +72,7 @@ export default NiceModal.create(() => {
                         </p>
                     )}
                 </ScrollArea>
-                <DialogFooter className="flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2">
+                <DialogFooter className="flex flex-col-reverse gap-1 sm:flex-row sm:justify-end sm:space-x-2">
                     <Button variant={"outline"} onClick={handleClose}>
                         Close
                     </Button>

diff --git a/src/features/shared/dialogs/tags/ViewTaggedFilesDialog.tsx b/src/features/shared/dialogs/tags/ViewTaggedFilesDialog.tsx
@@ -73,7 +73,7 @@ export default NiceModal.create(({ tag }: ViewTaggedFilesDialogProps) => {
                         )}
                     </div>
                 </ScrollArea>
-                <DialogFooter className="flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2">
+                <DialogFooter className="flex flex-col-reverse gap-1 sm:flex-row sm:justify-end sm:space-x-2">
                     <Button variant={"outline"} onClick={handleClose}>
                         Close
                     </Button>