mirror of
				https://github.com/crater-invoice/crater.git
				synced 2025-10-28 04:01:10 -04:00 
			
		
		
		
	fix layout issue
This commit is contained in:
		| @ -1,6 +1,7 @@ | ||||
| <template> | ||||
|   <form id="loginForm" @submit.prevent="validateBeforeSubmit"> | ||||
|     <div class="form-group"> | ||||
|     <div class="mb-4 form-group"> | ||||
|       <sw-input-group :label="$t('login.email')" required> | ||||
|         <sw-input | ||||
|           v-model.trim="formData.email" | ||||
|           :invalid="$v.formData.email.$error" | ||||
| @ -9,16 +10,24 @@ | ||||
|           name="email" | ||||
|           @input="$v.formData.email.$touch()" | ||||
|         /> | ||||
|       </sw-input-group> | ||||
|       <div v-if="$v.formData.email.$error"> | ||||
|         <span v-if="!$v.formData.email.required" class="help-block text-danger"> | ||||
|         <span | ||||
|           v-if="!$v.formData.email.required" | ||||
|           class="text-sm help-block text-danger" | ||||
|         > | ||||
|           {{ $t('validation.required') }} | ||||
|         </span> | ||||
|         <span v-if="!$v.formData.email.email" class="help-block text-danger"> | ||||
|         <span | ||||
|           v-if="!$v.formData.email.email" | ||||
|           class="text-sm help-block text-danger" | ||||
|         > | ||||
|           {{ $t('validation.email_incorrect') }} | ||||
|         </span> | ||||
|       </div> | ||||
|     </div> | ||||
|     <div class="form-group"> | ||||
|     <div class="mb-4 form-group"> | ||||
|       <sw-input-group :label="$t('login.password')" required> | ||||
|         <sw-input | ||||
|           id="password" | ||||
|           v-model.trim="formData.password" | ||||
| @ -28,20 +37,21 @@ | ||||
|           name="password" | ||||
|           @input="$v.formData.password.$touch()" | ||||
|         /> | ||||
|       </sw-input-group> | ||||
|       <div v-if="$v.formData.password.$error"> | ||||
|         <span | ||||
|           v-if="!$v.formData.password.required" | ||||
|           class="help-block text-danger" | ||||
|           class="text-sm help-block text-danger" | ||||
|         > | ||||
|           {{ $t('validation.required') }} | ||||
|         </span> | ||||
|         <span | ||||
|           v-if="!$v.formData.password.minLength" | ||||
|           class="help-block text-danger" | ||||
|           class="text-sm help-block text-danger" | ||||
|         > | ||||
|           {{ | ||||
|             $tc( | ||||
|               'validation.password_length', | ||||
|               'validation.password_length ', | ||||
|               $v.formData.password.minLength.min, | ||||
|               { count: $v.formData.password.$params.minLength.min } | ||||
|             ) | ||||
| @ -49,7 +59,8 @@ | ||||
|         </span> | ||||
|       </div> | ||||
|     </div> | ||||
|     <div class="form-group"> | ||||
|     <div class="mb-8 form-group"> | ||||
|       <sw-input-group :label="$t('login.retype_password')" required> | ||||
|         <sw-input | ||||
|           v-model.trim="formData.password_confirmation" | ||||
|           :invalid="$v.formData.password_confirmation.$error" | ||||
| @ -58,10 +69,11 @@ | ||||
|           name="password_confirmation" | ||||
|           @input="$v.formData.password_confirmation.$touch()" | ||||
|         /> | ||||
|       </sw-input-group> | ||||
|       <div v-if="$v.formData.password_confirmation.$error"> | ||||
|         <span | ||||
|           v-if="!$v.formData.password_confirmation.sameAsPassword" | ||||
|           class="help-block text-danger" | ||||
|           class="text-sm help-block text-danger" | ||||
|         > | ||||
|           {{ $t('validation.password_incorrect') }} | ||||
|         </span> | ||||
|  | ||||
		Reference in New Issue
	
	Block a user