TheCloneArmy/crater
1
0
Fork 1
mirror of https://github.com/crater-invoice/crater.git synced 2025-10-28 04:01:10 -04:00
Code Issues Packages Projects Releases Wiki Activity

fix layout issue

Browse Source
This commit is contained in:
spvarma
2020-12-05 15:43:35 +05:30
parent e03924fe9d
commit 58042decd5
1 changed files with 46 additions and 34 deletions
Download Patch File Download Diff File Expand all files Collapse all files

28
resources/assets/js/views/auth/ResetPassword.vue
View File

@ -1,6 +1,7 @@
<template> <template>
<form id="loginForm" @submit.prevent="validateBeforeSubmit"> <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 <sw-input
v-model.trim="formData.email" v-model.trim="formData.email"
:invalid="$v.formData.email.$error" :invalid="$v.formData.email.$error"
@ -9,16 +10,24 @@
name="email" name="email"
@input="$v.formData.email.$touch()" @input="$v.formData.email.$touch()"
/> />
</sw-input-group>
<div v-if="$v.formData.email.$error"> <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') }} {{ $t('validation.required') }}
</span> </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') }} {{ $t('validation.email_incorrect') }}
</span> </span>
</div> </div>
</div> </div>
<div class="form-group"> <div class="mb-4 form-group">
<sw-input-group :label="$t('login.password')" required>
<sw-input <sw-input
id="password" id="password"
v-model.trim="formData.password" v-model.trim="formData.password"
@ -28,16 +37,17 @@
name="password" name="password"
@input="$v.formData.password.$touch()" @input="$v.formData.password.$touch()"
/> />
</sw-input-group>
<div v-if="$v.formData.password.$error"> <div v-if="$v.formData.password.$error">
<span <span
v-if="!$v.formData.password.required" v-if="!$v.formData.password.required"
class="help-block text-danger" class="text-sm help-block text-danger"
> >
{{ $t('validation.required') }} {{ $t('validation.required') }}
</span> </span>
<span <span
v-if="!$v.formData.password.minLength" v-if="!$v.formData.password.minLength"
class="help-block text-danger" class="text-sm help-block text-danger"
> >
{{ {{
$tc( $tc(
@ -49,7 +59,8 @@
</span> </span>
</div> </div>
</div> </div>
<div class="form-group"> <div class="mb-8 form-group">
<sw-input-group :label="$t('login.retype_password')" required>
<sw-input <sw-input
v-model.trim="formData.password_confirmation" v-model.trim="formData.password_confirmation"
:invalid="$v.formData.password_confirmation.$error" :invalid="$v.formData.password_confirmation.$error"
@ -58,10 +69,11 @@
name="password_confirmation" name="password_confirmation"
@input="$v.formData.password_confirmation.$touch()" @input="$v.formData.password_confirmation.$touch()"
/> />
</sw-input-group>
<div v-if="$v.formData.password_confirmation.$error"> <div v-if="$v.formData.password_confirmation.$error">
<span <span
v-if="!$v.formData.password_confirmation.sameAsPassword" v-if="!$v.formData.password_confirmation.sameAsPassword"
class="help-block text-danger" class="text-sm help-block text-danger"
> >
{{ $t('validation.password_incorrect') }} {{ $t('validation.password_incorrect') }}
</span> </span>