Merge pull request #32 from formsible/long/form-style

Long/form style
formsible · Jan 1, 2025 · e31e76e · e31e76e
2 parents ed40e2e + 5eda7c8
commit e31e76e
Show file tree

Hide file tree

Showing 8 changed files with 8 additions and 11 deletions.
diff --git a/components.d.ts b/components.d.ts
@@ -11,7 +11,6 @@ declare module 'vue' {
     Address: typeof import('./src/components/address/index.vue')['default']
     Appointment: typeof import('./src/components/appointment/index.vue')['default']
     Audio_recorder: typeof import('./src/components/audio_recorder/index.vue')['default']
-    Button: typeof import('primevue/button')['default']
     Captcha: typeof import('./src/components/captcha/index.vue')['default']
     Checkboxes: typeof import('./src/components/checkboxes/index.vue')['default']
     Code_javascript: typeof import('./src/components/code_javascript/index.vue')['default']
@@ -31,7 +30,6 @@ declare module 'vue' {
     Html_block_list: typeof import('./src/components/html_block_list/index.vue')['default']
     Html_block_media: typeof import('./src/components/html_block_media/index.vue')['default']
     Image_choice: typeof import('./src/components/image_choice/index.vue')['default']
-    InputText: typeof import('primevue/inputtext')['default']
     Likert_scale: typeof import('./src/components/likert_scale/index.vue')['default']
     List: typeof import('./src/components/list/index.vue')['default']
     Locale_selector: typeof import('./src/components/locale_selector/index.vue')['default']
@@ -51,7 +49,6 @@ declare module 'vue' {
     Signature: typeof import('./src/components/signature/index.vue')['default']
     Slider: typeof import('./src/components/slider/index.vue')['default']
     Term_of_service: typeof import('./src/components/term_of_service/index.vue')['default']
-    Textarea: typeof import('primevue/textarea')['default']
     Time_picker: typeof import('./src/components/time_picker/index.vue')['default']
     Website: typeof import('./src/components/website/index.vue')['default']
   }

diff --git a/src/components/appointment/index.vue b/src/components/appointment/index.vue
@@ -84,7 +84,7 @@ const isRequired = computed(() =>
         </div>
 
         <!-- if error -->
-        <small v-if="error" :id="`${input.key}-help`" :class="theme.error">
+        <small v-if="error" :id="`${input.key}-help`" class="text-sm mt-0.5" :class="theme.error">
             {{ error }}
         </small>
     </div>

diff --git a/src/components/email/index.vue b/src/components/email/index.vue
@@ -47,7 +47,7 @@ const isRequired = computed(() =>
             v-bind="input.props"
         />
         <!-- if error -->
-        <small v-if="error" :id="`${input.key}-help`" :class="theme.error">{{
+        <small v-if="error" :id="`${input.key}-help`" :class="theme.error" class="text-sm mt-0.5">{{
             error
         }}</small>
     </div>

diff --git a/src/components/file_upload/index.vue b/src/components/file_upload/index.vue
@@ -39,7 +39,7 @@ const maxFiles = computed(() => {
 })
 
 // Handle file selection
-const maxFileSize = 50 * 1024 * 1024 // 50MB
+const maxFileSize = 30 * 1024 * 1024 // 50MB
 
 const onFileSelected = (event: any) => {
     const selectedFiles: IFile[] =
@@ -48,7 +48,7 @@ const onFileSelected = (event: any) => {
                 if (file.size > maxFileSize) {
                     push.warning({
                         // message: t('notification.file_too_large'),
-                        message: `File ${file.name} vượt quá giới hạn 25MB`,
+                        message: `File ${file.name} vượt quá giới hạn 30MB`,
                     })
                     return false
                 }

diff --git a/src/components/long_text/index.vue b/src/components/long_text/index.vue
@@ -35,7 +35,7 @@ const isRequired = computed(() =>
             fluid
         />
         <!-- If error -->
-        <small v-if="error" :id="`${input.key}-help`">
+        <small v-if="error" :id="`${input.key}-help`" class="text-sm mt-0.5">
             {{ error }}
         </small>
     </div>

diff --git a/src/components/number/index.vue b/src/components/number/index.vue
@@ -30,6 +30,6 @@ const isRequired = computed(() =>
             v-bind="input.props"
         />
         <!-- if error -->
-        <small v-if="error">{{ error }}</small>
+        <small v-if="error" class="text-sm mt-0.5">{{ error }}</small>
     </div>
 </template>
diff --git a/src/components/phone_number/index.vue b/src/components/phone_number/index.vue
@@ -110,7 +110,7 @@ const isRequired = computed(() =>
                 :use-grouping="false"
             />
         </div>
-        <small v-if="error" :id="`${input.key}-help`" :class="theme.error">
+        <small v-if="error" :id="`${input.key}-help`" :class="theme.error" class="text-sm mt-0.5">
             {{ error }}
         </small>
     </div>

diff --git a/src/components/short_text/index.vue b/src/components/short_text/index.vue
@@ -31,7 +31,7 @@ const isRequired = computed(() =>
             v-bind="input.props"
             class="w-full max-w-xl"
         />
-        <p v-if="error" class="text-red-500">
+        <p v-if="error" class="text-red-500 text-sm mt-0.5">
             {{ error }}
         </p>
     </div>