TPS
/
birzha-legalizasia-frontend
5
0
Fork 0
Code Issues 4 Pull Requests Projects 1 Releases Wiki Activity

changed the register form

This commit is contained in:
saparatayev 2022-12-01 16:50:39 +05:00
parent e19c31a56b
commit 6efdcb8f70
1 changed files with 15 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

21
src/views/register/Main.vue
View File

@ -65,10 +65,10 @@
</template> </template>
<div class="mt-5"> <div class="mt-5">
<label>{{ $t("SELECT_COUNTRY_LONG") }}</label> <!-- <label>{{ $t("SELECT_COUNTRY_LONG") }}</label> -->
<select class="form-select py-3 px-4 block mt-2 sm:mr-2" aria-label="Default select example" <select class="form-select py-3 px-4 block mt-2 sm:mr-2" aria-label="Default select example"
v-model="validate.country.$model" :class="{ 'border-danger': validate.country.$error }" name="country"> v-model="validate.country.$model" :class="{ 'border-danger': validate.country.$error }" name="country">
<option value="" disabled>{{ $t("SELECT_COUNTRY") }}</option> <option value="" disabled>{{ $t("SELECT_COUNTRY_LONG") }}</option>
<template v-if="countries.length"> <template v-if="countries.length">
<option v-for="country in countries" :key="country.id" :value="country.id"> <option v-for="country in countries" :key="country.id" :value="country.id">
{{ country.name }} {{ country.name }}
@ -84,8 +84,15 @@
</template> </template>
<div class="mt-5"> <div class="mt-5">
<label>{{ $t("ACCOUNT_TYPE") }}</label> <!-- <label>{{ $t("ACCOUNT_TYPE") }}</label> -->
<div class="flex flex-col sm:flex-row mt-2"> <select class="form-select py-3 px-4 block mt-2 sm:mr-2" aria-label="Default select example"
v-model="validate.accountType.$model" :class="{ 'border-danger': validate.accountType.$error }" name="accountType">
<option value="" disabled>{{ $t("ACCOUNT_TYPE") }}</option>
<option value="business">{{ $t("ACCOUNT_TYPE_BUSINESS") }}</option>
<option value="company">{{ $t("ACCOUNT_TYPE_COMPANY") }}</option>
</select>
<!-- <div class="flex flex-col sm:flex-row mt-2">
<div class="form-check mr-5"> <div class="form-check mr-5">
<input id="radio-switch-4" class="form-check-input" type="radio" v-model="formData.accountType" <input id="radio-switch-4" class="form-check-input" type="radio" v-model="formData.accountType"
name="accountType" value="business" /> name="accountType" value="business" />
@ -97,7 +104,7 @@
name="accountType" value="company" /> name="accountType" value="company" />
<label class="form-check-label" for="radio-switch-6">{{ $t("ACCOUNT_TYPE_COMPANY") }}</label> <label class="form-check-label" for="radio-switch-6">{{ $t("ACCOUNT_TYPE_COMPANY") }}</label>
</div> </div>
</div> </div> -->
</div> </div>
<template v-if="validate.accountType.$error"> <template v-if="validate.accountType.$error">
<div v-for="(error, index) in validate.accountType.$errors" :key="index" class="text-danger mt-2"> <div v-for="(error, index) in validate.accountType.$errors" :key="index" class="text-danger mt-2">
@ -382,7 +389,9 @@ onBeforeMount(async () => {
.custom-btns { .custom-btns {
min-width: 128px; min-width: 128px;
} }
.form-check-input[type="radio"] { .form-check-input[type="radio"],
.login .login__input,
.form-select {
border-color: rgb(var(--color-slate-400) / var(--tw-border-opacity));; border-color: rgb(var(--color-slate-400) / var(--tw-border-opacity));;
} }
</style> </style>