changed positions for some inputs on the registration form

This commit is contained in:
saparatayev 2022-12-07 12:14:40 +05:00
parent 46b1656170
commit d2ec40e3c6
1 changed files with 31 additions and 31 deletions

View File

@ -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">