update: avatar translation and lower limit

This commit is contained in:
Tony Yang
2025-04-15 10:40:42 +08:00
parent c9673db9cd
commit ba0bc1a243
2 changed files with 9 additions and 8 deletions
+6 -6
View File
@@ -25,17 +25,17 @@ const onSubmit = async () => {
avatarError.value = '';
if (!avatarFile.value) {
avatarError.value = 'Avatar is required.';
avatarError.value = '必須選擇新頭貼。';
return;
}
if (avatarFile.value.size > 2 * 1024 * 1024) {
avatarError.value = 'Avatar must be less than 2MB.';
if (avatarFile.value.size > 1 * 1024 * 1024) {
avatarError.value = '頭貼檔案需小於 1MB';
return;
}
if (avatarFile.value.type !== 'image/jpeg' && avatarFile.value.type !== 'image/png') {
avatarError.value = 'Avatar must be a JPG or PNG image.';
avatarError.value = '頭貼必須是 JPG PNG 格式。';
return;
}
@@ -72,7 +72,7 @@ const avatarUrl = computed(() => {
</div>
</div>
<div class="ts-control is-wide">
<div class="label">Avatar</div>
<div class="label">頭貼</div>
<div class="content is-fluid">
<div v-if="avatarUrl">
<img :src="avatarUrl" alt="Avatar" style="max-width: 100px; max-height: 100px;" />
@@ -81,7 +81,7 @@ const avatarUrl = computed(() => {
<input type="file" accept="image/jpeg, image/png" @change="onFileChange" />
</div>
<div class="ts-text is-small is-negative" v-if="avatarError">{{ avatarError }}</div>
<div class="ts-text is-small">Avatar 必須是 JPG PNG 格式檔案需小於 2MB</div>
<div class="ts-text is-small">頭貼必須是 JPG PNG 格式檔案需小於 1MB</div>
</div>
</div>
</div>