fix: icon sizes

src/components/File/FileModal.tsx

@@ -73,7 +73,7 @@ export default function FileModal({
           title: 'File Deleted',
           message: '',
           color: 'green',
-          icon: <IconPhotoMinus />,
+          icon: <IconPhotoMinus size='1rem' />,
         });
       },
 
@@ -82,7 +82,7 @@ export default function FileModal({
           title: 'Failed to delete file',
           message: res.error,
           color: 'red',
-          icon: <IconPhotoCancel />,
+          icon: <IconPhotoCancel size='1rem' />,
         });
       },
 
@@ -105,7 +105,7 @@ export default function FileModal({
       showNotification({
         title: 'Copied to clipboard',
         message: '',
-        icon: <IconClipboardCopy />,
+        icon: <IconClipboardCopy size='1rem' />,
       });
   };
 
@@ -117,7 +117,7 @@ export default function FileModal({
           showNotification({
             title: 'The file is now ' + (!file.favorite ? 'favorited' : 'unfavorited'),
             message: '',
-            icon: <IconPhotoStar />,
+            icon: <IconPhotoStar size='1rem' />,
           });
         },
 
@@ -126,7 +126,7 @@ export default function FileModal({
             title: 'Failed to favorite file',
             message: res.error,
             color: 'red',
-            icon: <IconPhotoCancel />,
+            icon: <IconPhotoCancel size='1rem' />,
           });
         },
       }
@@ -147,14 +147,14 @@ export default function FileModal({
         title: 'Removed from folder',
         message: res.name,
         color: 'green',
-        icon: <IconFolderMinus />,
+        icon: <IconFolderMinus size='1rem' />,
       });
     } else {
       showNotification({
         title: 'Failed to remove from folder',
         message: res.error,
         color: 'red',
-        icon: <IconFolderX />,
+        icon: <IconFolderX size='1rem' />,
       });
     }
   };
@@ -171,14 +171,14 @@ export default function FileModal({
         title: 'Added to folder',
         message: res.name,
         color: 'green',
-        icon: <IconFolderPlus />,
+        icon: <IconFolderPlus size='1rem' />,
       });
     } else {
       showNotification({
         title: 'Failed to add to folder',
         message: res.error,
         color: 'red',
-        icon: <IconFolderX />,
+        icon: <IconFolderX size='1rem' />,
       });
     }
   };
@@ -195,14 +195,14 @@ export default function FileModal({
           title: 'Created & added to folder',
           message: res.name,
           color: 'green',
-          icon: <IconFolderPlus />,
+          icon: <IconFolderPlus size='1rem' />,
         });
       } else {
         showNotification({
           title: 'Failed to create folder',
           message: res.error,
           color: 'red',
-          icon: <IconFolderX />,
+          icon: <IconFolderX size='1rem' />,
         });
       }
     });

src/components/PasswordStrength.tsx

@@ -7,7 +7,7 @@ import { useState } from 'react';
 function PasswordRequirement({ meets, label }: { meets: boolean; label: string }) {
   return (
     <Text color={meets ? 'teal' : 'red'} sx={{ display: 'flex', alignItems: 'center' }} mt='sm' size='sm'>
-      {meets ? <IconCheck /> : <IconCross />} <Box ml='md'>{label}</Box>
+      {meets ? <IconCheck size='1rem' /> : <IconCross size='1rem' />} <Box ml='md'>{label}</Box>
     </Text>
   );
 }

src/components/Theming.tsx

@@ -149,7 +149,7 @@ export default function ZiplineTheming({ Component, pageProps, ...props }) {
     >
       <ModalsProvider>
         <SpotlightProvider
-          searchIcon={<IconSearch />}
+          searchIcon={<IconSearch size='1rem' />}
           shortcut={['mod + k', '/']}
           actions={createSpotlightActions(router)}
         >

src/components/pages/Invites.tsx

@@ -77,14 +77,14 @@ function CreateInviteModal({ open, setOpen, updateInvites }) {
       showNotification({
         title: 'Failed to create invite',
         message: res.error,
-        icon: <IconTagOff />,
+        icon: <IconTagOff size='1rem' />,
         color: 'red',
       });
     } else {
       showNotification({
         title: 'Created invite',
         message: '',
-        icon: <IconTag />,
+        icon: <IconTag size='1rem' />,
         color: 'green',
       });
     }

src/components/pages/Manage/TotpModal.tsx

@@ -20,7 +20,7 @@ export function TotpModal({ opened, onClose, deleteTotp, setTotpEnabled }) {
             title: 'Error',
             message: "Can't generate code as you are already using MFA",
             color: 'red',
-            icon: <IconBarcodeOff />,
+            icon: <IconBarcodeOff size='1rem' />,
           });
         } else {
           setSecret(data.secret);
@@ -49,7 +49,7 @@ export function TotpModal({ opened, onClose, deleteTotp, setTotpEnabled }) {
         title: 'Success',
         message: 'Successfully disabled 2FA',
         color: 'green',
-        icon: <Icon2fa />,
+        icon: <Icon2fa size='1rem' />,
       });
 
       setTotpEnabled(false);
@@ -80,7 +80,7 @@ export function TotpModal({ opened, onClose, deleteTotp, setTotpEnabled }) {
         title: 'Success',
         message: 'Successfully enabled 2FA',
         color: 'green',
-        icon: <Icon2fa />,
+        icon: <Icon2fa size='1rem' />,
       });
 
       setTotpEnabled(true);

src/lib/spotlight.tsx

@@ -95,7 +95,7 @@ export const createSpotlightActions = (router: NextRouter): SpotlightAction[] =>
         title: 'Copied to clipboard',
         message: '',
         color: 'green',
-        icon: <IconClipboardCopy />,
+        icon: <IconClipboardCopy size='1rem' />,
       });
     }),