changed positions for some inputs on the registration form
This commit is contained in:
parent
46b1656170
commit
d2ec40e3c6
|
|
@ -46,37 +46,6 @@
|
|||
</template>
|
||||
</div>
|
||||
<!-- End lastname field -->
|
||||
<!-- Email field -->
|
||||
<div class="input-form-item">
|
||||
<input type="text" v-model.trim="validate.email.$model"
|
||||
class="intro-x login__input form-control py-3 px-4 block mt-4"
|
||||
:class="{ 'border-danger': validate.email.$error }" :placeholder=" $t('EMAIL') " />
|
||||
<template v-if="validate.email.$error">
|
||||
<div v-for="(error, index) in validate.email.$errors" :key="index" class="text-danger mt-2">
|
||||
{{ error.$message }}
|
||||
</div>
|
||||
</template>
|
||||
</div>
|
||||
<!-- End email field -->
|
||||
<!-- Password field -->
|
||||
<div class="input-form-item">
|
||||
<div class="relative">
|
||||
<input type="password" v-model.trim="validate.password.$model"
|
||||
class="login__input form-control py-3 px-4 block mt-4"
|
||||
:class="{ 'border-danger': validate.password.$error }" :placeholder=" $t('PASSWORD') "
|
||||
name="password" />
|
||||
<EyeIcon
|
||||
class="block mx-auto absolute top-1/2 transform -translate-y-1/2 right-3 text-slate-400 cursor-pointer"
|
||||
@mousedown="mouseDownEyeIcon" @mouseup="mouseUpEyeIcon" />
|
||||
</div>
|
||||
|
||||
<template v-if="validate.password.$error">
|
||||
<div v-for="(error, index) in validate.password.$errors" :key="index" class="text-danger mt-2">
|
||||
{{ error.$message }}
|
||||
</div>
|
||||
</template>
|
||||
</div>
|
||||
<!-- End email field -->
|
||||
<!-- Country field -->
|
||||
<div class="input-form-item">
|
||||
<div class="mt-4">
|
||||
|
|
@ -117,6 +86,37 @@
|
|||
</template>
|
||||
</div>
|
||||
<!-- End account type field -->
|
||||
<!-- Email field -->
|
||||
<div class="input-form-item">
|
||||
<input type="text" v-model.trim="validate.email.$model"
|
||||
class="intro-x login__input form-control py-3 px-4 block mt-4"
|
||||
:class="{ 'border-danger': validate.email.$error }" :placeholder=" $t('EMAIL') " />
|
||||
<template v-if="validate.email.$error">
|
||||
<div v-for="(error, index) in validate.email.$errors" :key="index" class="text-danger mt-2">
|
||||
{{ error.$message }}
|
||||
</div>
|
||||
</template>
|
||||
</div>
|
||||
<!-- End email field -->
|
||||
<!-- Password field -->
|
||||
<div class="input-form-item">
|
||||
<div class="relative">
|
||||
<input type="password" v-model.trim="validate.password.$model"
|
||||
class="login__input form-control py-3 px-4 block mt-4"
|
||||
:class="{ 'border-danger': validate.password.$error }" :placeholder=" $t('PASSWORD') "
|
||||
name="password" />
|
||||
<EyeIcon
|
||||
class="block mx-auto absolute top-1/2 transform -translate-y-1/2 right-3 text-slate-400 cursor-pointer"
|
||||
@mousedown="mouseDownEyeIcon" @mouseup="mouseUpEyeIcon" />
|
||||
</div>
|
||||
|
||||
<template v-if="validate.password.$error">
|
||||
<div v-for="(error, index) in validate.password.$errors" :key="index" class="text-danger mt-2">
|
||||
{{ error.$message }}
|
||||
</div>
|
||||
</template>
|
||||
</div>
|
||||
<!-- End email field -->
|
||||
|
||||
<!-- <template v-if="validate.recaptchaToken.$error">
|
||||
<div v-for="(error, index) in validate.recaptchaToken.$errors" :key="index" class="text-danger mt-2">
|
||||
|
|
|
|||
Loading…
Reference in New Issue