edit account info fixes

This commit is contained in:
User 2023-06-23 15:39:37 +05:30
parent 0ce028f814
commit 4da2929552
2 changed files with 12 additions and 20 deletions

View File

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

View File

@ -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-checkbox v-if="password" v-model="password" class="mt-0" label="Change Password" color="indigo"></v-checkbox>
</v-col> </v-col>
<v-col cols="12" sm="6" md="6" lg="6"> <v-col cols="12" sm="6" md="6" lg="6" class="pt-0" v-if="password">
<div> <p class="mt-sm-4 mt-0 pt-0 h3 body-font text-uppercase text-primary">Change Password</p>
<v-col class="mx-0 px-0" v-if="password">
<v-row class="ml-1 mt-1">
<p class="mt-4 h3 body-font text-uppercase text-primary">Change Password</p>
</v-row>
<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"
@ -78,13 +73,10 @@
color="primary" color="primary"
density="compact" density="compact"
variant="outlined" variant="outlined"
></v-text-field> ></v-text-field>
</v-col>
</div>
</v-col> </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