fix: bugs

src/components/form/ImageCropper.vue

@@ -69,7 +69,7 @@
       </div>
 
       <div class="image-cropper__hint">
-        <SvgIcon name="warning" class="image-cropper__hint-icon" />
+        <SvgIcon :name="helperIcon" color="#B8B8B8" :size="20" />
         <p>{{ helperText }}</p>
       </div>
     </div>
@@ -99,6 +99,7 @@ const props = defineProps({
     type: String,
     default: 'سایز تصویر رسمی 3x4 و حجم تصویر بیشتر از 250 کیلو بایت نباشد.',
   },
+  helperIcon: { type: String, default: 'warning' },
   error: { type: String, default: '' },
 })
 
@@ -314,7 +315,7 @@ onBeforeUnmount(cleanup)
     display: flex;
     align-items: center;
     justify-content: center;
-    gap: 0.75rem;
+    gap: 0.25rem;
 
     p {
       font-family: var(--font-family-fa);
@@ -325,7 +326,7 @@ onBeforeUnmount(cleanup)
 
       @media (min-width: 1024px) {
         font-size: 0.75rem;
-        line-height: 1.75rem;
+        line-height: 1.85rem;
       }
     }
   }