accounting/books
2
0
Fork 0
mirror of https://github.com/frappe/books.git synced 2024-12-22 19:09:01 +00:00
Code Issues Releases Activity

fix: refactor styling

Browse Source
This commit is contained in:
AbleKSaju 2024-10-18 10:27:34 +05:30
parent 683cd7a1f4
commit 8a9017423b
1 changed files with 13 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
src/pages/POS/CouponCodeModal.vue
View File

@ -1,15 +1,15 @@
<template> <template>
<Modal class="h-96 w-96" :set-close-listener="false"> <Modal class="h-auto w-96" :set-close-listener="false">
<p class="text-center py-3">Apply Coupon Code</p> <p class="text-center font-semibold py-3">Apply Coupon Code</p>
<div class="px-10"> <div class="px-10">
<hr class="dark:border-gray-800" /> <hr class="dark:border-gray-800" />
<p v-if="appliedCoupons.length" class="text-xs ml-1 mb-1 text-gray-500"> <p v-if="appliedCoupons.length" class="text-xs m-2 text-gray-500">
Applied Coupon Codes {{ t`Applied Coupon Codes` }}
</p> </p>
<div <div
v-if="appliedCoupons.length" v-if="appliedCoupons.length"
class="overflow-y-auto mt-2 custom-scroll custom-scroll-thumb2" class="overflow-y-auto mt-2 custom-scroll custom-scroll-thumb2"
:style="{ height: appliedCoupons.length > 2 ? '11vh' : '10vh' }" :style="{ height: appliedCoupons.length >= 2 ? '11vh' : '8vh' }"
> >
<Row <Row
v-for="(coupon,index) in appliedCoupons as any" v-for="(coupon,index) in appliedCoupons as any"
@ -72,7 +72,7 @@
<div class="row-start-6 grid grid-cols-2 gap-4 mt-auto mb-2"> <div class="row-start-6 grid grid-cols-2 gap-4 mt-auto mb-2">
<div class="col-span-2"> <div class="col-span-2">
<Button <Button
class="w-full bg-green-500" class="w-full bg-green-500 dark:bg-green-700"
style="padding: 1.35rem" style="padding: 1.35rem"
:disabled="validationError" :disabled="validationError"
@click="setCouponCode()" @click="setCouponCode()"
@ -86,12 +86,12 @@
</div> </div>
</div> </div>
<div class="row-start-6 grid grid-cols-2 gap-4 mt-auto"> <div class="row-start-6 grid grid-cols-2 gap-4 mt-auto mb-8">
<div class="col-span-2"> <div class="col-span-2">
<Button <Button
class="w-full bg-red-500" class="w-full bg-red-500 dark:bg-red-700"
style="padding: 1.35rem" style="padding: 1.35rem"
@click="$emit('toggleModal', 'CouponCode')" @click="cancelApplyCouponCode()"
> >
<slot> <slot>
<p class="uppercase text-lg text-white font-semibold"> <p class="uppercase text-lg text-white font-semibold">
@ -205,6 +205,10 @@ export default defineComponent({
await updatePricingRule(this.sinvDoc); await updatePricingRule(this.sinvDoc);
this.$emit('setCouponsCount', this.sinvDoc.coupons?.length); this.$emit('setCouponsCount', this.sinvDoc.coupons?.length);
}, },
cancelApplyCouponCode() {
this.couponCode = '';
this.$emit('toggleModal', 'CouponCode');
},
}, },
}); });
</script> </script>