edit account info fixes
This commit is contained in:
parent
0ce028f814
commit
4da2929552
|
@ -150,7 +150,7 @@
|
||||||
>
|
>
|
||||||
<ShippingAddressComponent :address="address" />
|
<ShippingAddressComponent :address="address" />
|
||||||
<v-row>
|
<v-row>
|
||||||
<v-col cols="2">
|
<v-col cols="4" sm="2" md="2" lg="2" class="mr-sm-4">
|
||||||
<v-hover v-slot:default="{ isHovering, props }">
|
<v-hover v-slot:default="{ isHovering, props }">
|
||||||
<v-btn
|
<v-btn
|
||||||
@click="editAddress(address, index)"
|
@click="editAddress(address, index)"
|
||||||
|
@ -166,7 +166,7 @@
|
||||||
>
|
>
|
||||||
</v-hover>
|
</v-hover>
|
||||||
</v-col>
|
</v-col>
|
||||||
<v-col cols="2">
|
<v-col cols="4" sm="2" md="2" lg="2" class="ml-sm-4">
|
||||||
<v-hover v-slot:default="{ isHovering, props }">
|
<v-hover v-slot:default="{ isHovering, props }">
|
||||||
<v-btn
|
<v-btn
|
||||||
@click="deleteAddress(address)"
|
@click="deleteAddress(address)"
|
||||||
|
|
|
@ -1,5 +1,5 @@
|
||||||
<template>
|
<template>
|
||||||
<v-container>
|
<v-container class="ma-0">
|
||||||
<v-row>
|
<v-row>
|
||||||
<v-col cols="12" sm="12" class="fontcolor-black-light">
|
<v-col cols="12" sm="12" class="fontcolor-black-light">
|
||||||
<v-alert
|
<v-alert
|
||||||
|
@ -12,9 +12,8 @@
|
||||||
<p class="mb-1 h2 body-font text-uppercase text-primary">Edit Account Information</p>
|
<p class="mb-1 h2 body-font text-uppercase text-primary">Edit Account Information</p>
|
||||||
<v-form ref="form" v-model="valid">
|
<v-form ref="form" v-model="valid">
|
||||||
<v-row>
|
<v-row>
|
||||||
<v-col cols="12" sm="6" md="6" lg="6">
|
<v-col cols="12" sm="6" md="6" lg="6" class="mb-0 pb-0">
|
||||||
<div>
|
<p class="mt-1 h3 body-font text-uppercase text-primary">Account Information</p>
|
||||||
<p class="mt-4 h3 body-font text-uppercase text-primary">Account Information</p>
|
|
||||||
<div class="edit-account-info-line mt-5 mb-7"></div>
|
<div class="edit-account-info-line mt-5 mb-7"></div>
|
||||||
|
|
||||||
<v-text-field
|
<v-text-field
|
||||||
|
@ -39,15 +38,11 @@
|
||||||
required
|
required
|
||||||
></v-text-field>
|
></v-text-field>
|
||||||
<!--<v-checkbox v-model="email" label="Change Email" color="indigo" value="indigo"></v-checkbox>-->
|
<!--<v-checkbox v-model="email" label="Change Email" color="indigo" value="indigo"></v-checkbox>-->
|
||||||
</div>
|
|
||||||
</v-col>
|
|
||||||
<v-col cols="12" sm="6" md="6" lg="6">
|
|
||||||
<div>
|
|
||||||
|
|
||||||
<v-col class="mx-0 px-0" v-if="password">
|
<v-checkbox v-if="password" v-model="password" class="mt-0" label="Change Password" color="indigo"></v-checkbox>
|
||||||
<v-row class="ml-1 mt-1">
|
</v-col>
|
||||||
<p class="mt-4 h3 body-font text-uppercase text-primary">Change Password</p>
|
<v-col cols="12" sm="6" md="6" lg="6" class="pt-0" v-if="password">
|
||||||
</v-row>
|
<p class="mt-sm-4 mt-0 pt-0 h3 body-font text-uppercase text-primary">Change Password</p>
|
||||||
<div class="edit-account-info-line mt-5 mb-7"></div>
|
<div class="edit-account-info-line mt-5 mb-7"></div>
|
||||||
<v-text-field
|
<v-text-field
|
||||||
type="password"
|
type="password"
|
||||||
|
@ -80,11 +75,8 @@
|
||||||
variant="outlined"
|
variant="outlined"
|
||||||
></v-text-field>
|
></v-text-field>
|
||||||
</v-col>
|
</v-col>
|
||||||
|
|
||||||
</div>
|
|
||||||
</v-col>
|
|
||||||
</v-row>
|
</v-row>
|
||||||
<v-checkbox v-model="password" class="mt-0" label="Change Password" color="indigo"></v-checkbox>
|
<v-checkbox v-if="!password" v-model="password" class="mt-0" label="Change Password" color="indigo"></v-checkbox>
|
||||||
<v-hover v-slot="{ isHovering, props }">
|
<v-hover v-slot="{ isHovering, props }">
|
||||||
<v-btn
|
<v-btn
|
||||||
:disabled="inProgress"
|
:disabled="inProgress"
|
||||||
|
@ -94,7 +86,7 @@
|
||||||
v-bind="props"
|
v-bind="props"
|
||||||
@click="submit"
|
@click="submit"
|
||||||
size="large"
|
size="large"
|
||||||
class="mt-6 px-12 body-font edit-account-info-button"
|
class="mt-0 px-12 body-font edit-account-info-button"
|
||||||
rounded="0"
|
rounded="0"
|
||||||
>
|
>
|
||||||
<v-progress-circular :size="20" color="primary" indeterminate v-if="inProgress"></v-progress-circular>SAVE
|
<v-progress-circular :size="20" color="primary" indeterminate v-if="inProgress"></v-progress-circular>SAVE
|
||||||
|
|
Loading…
Reference in New Issue