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-24 18:11:59 +05:30
parent a0c0a21cf0
commit e45e15438b
9 changed files with 26 additions and 19 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/components/retailer/address/GuestShippingAddressForm.vue
View File

@ -266,7 +266,7 @@
//import { mapState } from "vuex";
import { createHelpers } from "vuex-map-fields";
import { fetchStates } from "@/services/util.service";
import { VueTelInput } from "vue3-tel-input";
// import { VueTelInput } from "vue3-tel-input";
const { mapFields: mapFieldsGuest } = createHelpers({
getterType: "guestInfo/getField",
@ -316,7 +316,7 @@ export default {
(v) => (v && v.length >= 8) || "Password must be at least 8 characters",
],
}),
components: { VueTelInput },
components: { },
computed: {
...mapFieldsGuest([
"one",

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

@ -135,7 +135,7 @@ export default {
padding: 0 0 0 250px;
}
.sidebar-router-padding-close {
margin:0 16px 16px 16px;
margin:0 16px 0 16px;
}
</style>

1
src/components/retailer/layout/footer/FooterComponent.scss
View File

@ -2,6 +2,7 @@
background-color: #fbfbf5 !important;
border-top: 4px solid #91abc3;
border-bottom: 4px solid #91abc3;
margin-top: 220px !important;
}
.text-decoration-none:hover{
color: #2850da;

4
src/components/retailer/layout/footer/FooterComponent.vue
View File

@ -3,7 +3,7 @@
<v-footer padless >
<v-row>
<v-col
class="footer-background-color "
class="footer-background-color"
cols="12"
md="12"
sm="12"
@ -12,7 +12,7 @@
>
<v-container class="text-center">
<div class="pt-2" v-html="customerService"></div>
<div class="pt-2 " v-html="customerService"></div>
<div class="pt-2" v-html="stayInTouch"></div>
<div class="pt-2" v-html="copyrightString"></div>
</v-container>

5
src/routes/retailer/boxed_order_history.scss
View File

@ -1,4 +1,7 @@
.width-250px {
width: 100% !important;
}
.myDash{
margin-bottom: auto !important;
margin-top: 20px;
}

4
src/routes/retailer/boxed_order_history.vue
View File

@ -59,8 +59,8 @@
>
</v-text-field>
</v-col>
<div class="pt-7">-</div>
<div class="d-block d-md-none">-</div>
<div class="d-none d-md-block myDash">-</div>
<v-col cols="12" sm="12" md="6" lg="5">

4
src/routes/retailer/cart_products.scss
View File

@ -5,3 +5,7 @@
background-color: #2850da;
height: 1px;
}
.alert-box-outline{
background-color: rgb(248, 220, 220);
color: red;
}

13
src/routes/retailer/cart_products.vue
View File

@ -3,7 +3,7 @@
<v-overlay v-model="cartProductsProgress" :opacity="0.2" contained class="align-center justify-center">
<v-container>
<v-row>
<v-col cols="12" >
<v-col cols="12">
<v-progress-circular
indeterminate
size="80"
@ -21,13 +21,12 @@
<v-col cols="12" sm="12" md="12">
<v-col cols="12" sm="12" md="8">
<v-menu location="bottom" attach >
<v-menu location="bottom" attach>
<template v-slot:activator="{ props}">
<v-text-field
prepend-inner-icon="mdi-magnify"
placeholder="Enter Item, Name, Keyword"
v-model="searchData"
@input="searchProducts"
hide-details
variant="underlined"
@ -36,10 +35,10 @@
>
</v-text-field>
</template>
<v-card tile flat v-if="searchData" >
<RetailerSearchProducts @actionClose="showSnackBarMessage" />
<v-card tile flat v-if="searchData">
<RetailerSearchProducts @actionClose="showSnackBarMessage"/>
</v-card>
<v-card v-else >
<v-card v-else>
<div class="fontcolor-bordeaux pa-1">Please type Item, Name, or Keyword to search</div>
</v-card>
@ -49,7 +48,7 @@
</v-row>
<v-row v-show="cartProductsItem.length == 0">
<v-col>
<v-alert class="alert-box-outline" type="error" text dense
<v-alert class="alert-box-outline" icon="mdi-alert" text density="compact"
>You have no items in your shopping cart.</v-alert
>

4
src/routes/retailer/checkout_page.vue
View File

@ -1202,7 +1202,7 @@ import GuestShippingAddressForm from "@/components/retailer/address/GuestShippin
import BillingAddressComponent from "@/components/retailer/address/BillingAddressComponent.vue";
import VerifyAddressComponent from "@/components/retailer/address/VerifyAddressComponent.vue";
import { createHelpers } from "vuex-map-fields";
import { VueTelInput } from 'vue3-tel-input'
// import { VueTelInput } from 'vue3-tel-input'
import {
// googleAanalyticsPurchase,
// googleAanalyticsCheckout,
@ -1292,7 +1292,7 @@ export default {
VerifyAddressComponent,
GuestShippingAddressForm,
SnackbarComponent,
VueTelInput
// VueTelInput
},
metaInfo() {
return {