Switch from upload wobble to drift

src/admin/AdminUploadsClient.tsx

@@ -28,7 +28,7 @@ export default function AdminUploadsClient({
 
   return (
     <div className="space-y-4">
-      {urls.length > 1 &&
+      {(urls.length > 1 || isAdding) &&
         <AdminAddAllUploads {...{
           storageUrls,
           uniqueTags,

src/admin/AdminUploadsTable.tsx

@@ -52,7 +52,7 @@ export default function AdminUploadsTable({
                     'rounded-[3px] overflow-hidden',
                     'border-subtle',
                     isAdding && !isComplete && status === 'adding' &&
-                      'animate-hover-wobble shadow-lg',
+                      'animate-hover-drift shadow-lg',
                   )}
                 />
               </div>

tailwind.config.js

@@ -27,6 +27,8 @@ module.exports = {
       animation: {
         'rotate-pulse':
           'rotate-pulse 0.75s linear infinite normal both running',
+        'hover-drift':
+          'hover-drift 8s linear infinite',
         'hover-wobble':
           'hover-wobble 6s linear infinite normal both running',
       },
@@ -36,6 +38,14 @@ module.exports = {
           '50%': { transform: 'rotate(180deg) scale(0.8)' },
           '100%': { transform: 'rotate(360deg) scale(1)' },
         },
+        'hover-drift': {
+          '0%': { transform: 'translate(0, 0)' },
+          '20%': { transform: 'translate(1px, -2px)' },
+          '40%': { transform: 'translate(1px, 1.5px)' },
+          '60%': { transform: 'translate(-1px, 2px)' },
+          '80%': { transform: 'translate(-1.5px, -1.75px)' },
+          '100%': { transform: 'translate(0, 0)' },
+        },
         'hover-wobble': {
           '0%': { transform: 'rotate(0deg)' },
           '20%': { transform: 'rotate(3.5deg)' },