sidharth.kothari
/
retailer-vue
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

ui fixes

This commit is contained in:
User 2023-05-18 11:28:51 +05:30
parent ec8ec82072
commit c102732b2d
3 changed files with 28 additions and 26 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
src/components/gate/ResetPasswordComponent.vue
View File

@ -7,31 +7,35 @@
<v-alert type="error" v-if="!!resetPasswordError">{{resetPasswordError}}</v-alert> <v-alert type="error" v-if="!!resetPasswordError">{{resetPasswordError}}</v-alert>
<v-alert type="success" v-if="!!resetPasswordMessage">{{resetPasswordMessage}}</v-alert> <v-alert type="success" v-if="!!resetPasswordMessage">{{resetPasswordMessage}}</v-alert>
<v-form ref="resetPassword" v-on:submit.prevent="resetPassword" > <v-form ref="resetPassword" v-on:submit.prevent="resetPassword" >
<v-text-field v-if="emailTextfield" label="Email Id" class="textfield-border" placeholder="Enter your email id" type="email" ref="email" v-model="email" :rules="emailRules" prepend-icon="mdi-email-outline"> <v-text-field v-if="emailTextfield" label="Email Id" variant="underlined" density="compact" class="textfield-border" placeholder="Enter your email id" type="email" ref="email" v-model="email" :rules="emailRules" prepend-icon="mdi-email-outline">
</v-text-field> </v-text-field>
<v-text-field <v-text-field
type="password" type="password"
class="textfield-border" class="textfield-border mt-2"
label="New Password" label="New Password"
ref="newPassword" ref="newPassword"
v-model="newPassword" v-model="newPassword"
@click="clear()" @click="clear()"
:rules="commonValidationRules.passwordRule" :rules="commonValidationRules.passwordRule"
required required
density="compact"
variant="underlined"
prepend-icon="mdi-lock" prepend-icon="mdi-lock"
> >
</v-text-field> </v-text-field>
<v-text-field <v-text-field
type="password" type="password"
class="textfield-border" class="textfield-border mt-2"
label="Confirm Password" label="Confirm Password"
ref="confirmPassword" ref="confirmPassword"
v-model="confirmPassword" v-model="confirmPassword"
:rules="[passwordConfirmationRule]" :rules="[passwordConfirmationRule]"
prepend-icon="mdi-lock" prepend-icon="mdi-lock"
required required
variant="underlined"
density="compact"
> >
</v-text-field> </v-text-field>

12
src/components/retailer/layout/Layout.vue
View File

@ -1,15 +1,12 @@
<template> <template>
<div class="d-flex flex-column height-100"> <div class="d-flex flex-column height-100">
<span :class="showMenu ? 'sidebar-router-padding-open' : 'sidebar-router-padding-close'">
<Header @action="onAction" /> <Header @action="onAction" />
</span>
<v-navigation-drawer <v-navigation-drawer
v-model="showMenu" v-model="showMenu"
v-if="showMenu" v-if="showMenu"
:clipped="$vuetify.display.mdAndUp" :clipped="$vuetify.display.mdAndUp"
:permanent="showMenu"
color="header-bg-color darken-3" color="header-bg-color darken-3"
class="header-bg-color text-white pa-4 mt-6" class="header-bg-color text-white pa-4 mt-6"
> >
@ -53,7 +50,7 @@
</v-row> </v-row>
</v-navigation-drawer> </v-navigation-drawer>
<v-content class="mt-10"> <v-content class="mt-10" :class="showMenu ? 'sidebar-router-padding-open' : 'sidebar-router-padding-close'">
<router-view class="pa-4 mt-10" :class="showMenu ? 'sidebar-router-padding-open' : 'sidebar-router-padding-close'"/> <router-view class="pa-4 mt-10" :class="showMenu ? 'sidebar-router-padding-open' : 'sidebar-router-padding-close'"/>
</v-content> </v-content>
<FooterComponent /> <FooterComponent />
@ -134,11 +131,12 @@ export default {
box-shadow: none !important; box-shadow: none !important;
} }
.sidebar-router-padding-open { .sidebar-router-padding-open {
margin:68px 16px 16px 264px; margin:0 130px 16px 132px;
} }
.sidebar-router-padding-close { .sidebar-router-padding-close {
margin:68px 16px 16px 16px; margin:0 16px 16px 16px;
} }
</style> </style>
<style lang="scss"> <style lang="scss">

2
src/routes/retailer/address_book.vue
View File

@ -442,7 +442,7 @@ import MeVerifyAddressComponent from "@/components/retailer/address/MeVerifyAddr
import { loginInterrupt } from "@/services/nav"; import { loginInterrupt } from "@/services/nav";
import SnackbarComponent from "@/components/common/SnackbarComponent.vue"; import SnackbarComponent from "@/components/common/SnackbarComponent.vue";
import ConfirmationDialog from "@/components/common/ConfirmationDialog.vue"; import ConfirmationDialog from "@/components/common/ConfirmationDialog.vue";
import { VueTelInput } from "vue3-tel-input"; import VueTelInput from 'vue-tel-input';
//import BillingAddressComponent from "@/components/retailer/address/BillingAddressComponent.vue"; //import BillingAddressComponent from "@/components/retailer/address/BillingAddressComponent.vue";
import { createHelpers } from "vuex-map-fields"; import { createHelpers } from "vuex-map-fields";