feat: add size for inputs

legalthings · Aug 31, 2020 · 843afc7 · 843afc7
1 parent 255a668
commit 843afc7
Show file tree

Hide file tree

Showing 6 changed files with 17 additions and 0 deletions.
diff --git a/src/components/UiFormInputs/UiInputAddress/UiInputAddress.vue b/src/components/UiFormInputs/UiInputAddress/UiInputAddress.vue
@@ -5,29 +5,35 @@
                 v-model="value.postalCode"
                 :label="$t('ADDRESS.POSTAL_CODE')"
                 class="column"
+                :size="size"
             />
             <UiInputText
                 v-model="value.number"
                 :label="$t('ADDRESS.NUMBER')"
                 class="column is-3"
+                :size="size"
+
             />
             <UiInputText
                 v-model="value.addition"
                 :label="$t('ADDRESS.ADDITION')"
                 class="column is-3"
                 rules=""
+                :size="size"
             />
         </div>
         <div class="columns">
             <UiInputText
                 v-model="value.street"
                 :label="$t('ADDRESS.STREET')"
                 class="column is-6"
+                :size="size"
             />
             <UiInputText
                 v-model="value.city"
                 :label="$t('ADDRESS.CITY')"
                 class="column is-6"
+                :size="size"
             />
         </div>
     </div>
@@ -42,5 +48,6 @@
     })
     export default class UiInputAddress extends Vue {
         @Prop() value: any;
+        @Prop() size: any;
     }
 </script>
diff --git a/src/components/UiFormInputs/UiInputCheckbox/UiInputCheckbox.vue b/src/components/UiFormInputs/UiInputCheckbox/UiInputCheckbox.vue
@@ -37,6 +37,7 @@
                 <b-checkbox
                     v-model="selected"
                     :native-value="option.id"
+                    :size="size"
                 >
                     {{ option.name }}
                     <slot />
@@ -62,6 +63,7 @@
         @Prop() tooltip!: string;
         @Prop() label!: string;
         @Prop() rules!: string;
+        @Prop() size!: string;
         @Prop({
             default: () => (
                 [

diff --git a/src/components/UiFormInputs/UiInputDatepicker/UiInputDatepicker.vue b/src/components/UiFormInputs/UiInputDatepicker/UiInputDatepicker.vue
@@ -37,6 +37,7 @@
                     :min-date="min"
                     :max-date="max"
                     :placeholder="$t('VALIDATION.DATE_SELECT')"
+                    :size="size"
                 />
             </b-field>
         </ValidationProvider>
@@ -58,6 +59,7 @@
         @Prop() max!: number;
         @Prop() locale!: string;
         @Prop() defaultDate!: number;
+        @Prop() size!: number;
 
         isActive = false;
 

diff --git a/src/components/UiFormInputs/UiInputRadio/UiInputRadio.vue b/src/components/UiFormInputs/UiInputRadio/UiInputRadio.vue
@@ -41,6 +41,7 @@
                     <b-radio
                         v-model="selected"
                         :native-value="option.id"
+                        :size="size"
                     >
                         {{ option.name }}
                         <b-tooltip
@@ -69,6 +70,7 @@
         @Prop() inline!: boolean;
         @Prop() items!: Array<any>;
         @Prop({ default: 'required' }) rules!: string;
+        @Prop() size!: string;
 
         isActive = false;
 

diff --git a/src/components/UiFormInputs/UiInputSelectbox/UiInputSelectbox.vue b/src/components/UiFormInputs/UiInputSelectbox/UiInputSelectbox.vue
@@ -34,6 +34,7 @@
                     :expanded="expanded"
                     :rounded="rounded"
                     :loading="isLoading"
+                    :size="size"
                 >
                     <option
                         v-for="item in items"
@@ -62,6 +63,7 @@
         @Prop() rounded!: boolean;
         @Prop() expanded!: boolean;
         @Prop({ default: 'required' }) rules!: string;
+        @Prop() size!: string;
 
         isActive = false;
 

diff --git a/src/components/UiFormInputs/UiInputText/UiInputText.vue b/src/components/UiFormInputs/UiInputText/UiInputText.vue
@@ -39,6 +39,7 @@
                     :validation-message="validation"
                     :step="step"
                     :placeholder="placeholder"
+                    :size="size"
                 />
             </b-field>
         </ValidationProvider>
@@ -63,6 +64,7 @@
         @Prop() step!: string;
         @Prop() name!: string;
         @Prop() placeholder!: string;
+        @Prop() size!: string;
 
         isActive = false;