🚸 Add maximum upload file size info (#498)

* 🚸 Add maximum upload file size info * 💬 Update limit text to recommend file size
likecoin · Dec 13, 2024 · aaa076a · aaa076a
1 parent 1ed9bf1
commit aaa076a
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 1 deletion.
diff --git a/components/IscnUploadForm.vue b/components/IscnUploadForm.vue
@@ -34,6 +34,7 @@
               @click="$refs.imageFile.click()"
               >{{ $t('UploadForm.button.selectFile') }}
             </Button>
+            <p class="w-full text-center text-[12px] text-medium-gray mt-[12px]" v-text="$t('UploadForm.button.size.limit')" />
             <input
               ref="imageFile"
               class="hidden"
@@ -346,7 +347,7 @@ export default class IscnUploadForm extends Vue {
       },
       'items-center',
       'justify-between',
-      'p-[32px]',
+      'p-[28px]',
       'mb-[12px]',
       'border-[2px]',
       'border-dashed',

diff --git a/locales/en.json b/locales/en.json
@@ -382,6 +382,7 @@
   "UploadForm.button.confirm": "Confirm",
   "UploadForm.button.mintUrl": "Has a URL, Arweave or IPFS hash? Mint NFT here",
   "UploadForm.button.selectFile": "Select a file",
+  "UploadForm.button.size.limit": "(Recommended file size: < 20 MB)",
   "UploadForm.button.skip": "Skip Upload",
   "UploadForm.button": "Start Upload",
   "UploadForm.label.insertISCNPage": "Add ISCN Page to EPUB & PDF",