Skip to content

G
getme
Commit bdf1f962 by Arjun
Options

promocode success label

parent 4985883a
Showing with 42 additions and 31 deletions
src/app/cart/cart.page.html
...@@ -166,12 +166,15 @@ ...@@ -166,12 +166,15 @@
</div> --> </div> -->
<hr /> <hr />
<div class="coupon_code"> <div class="coupon_code">
<input class="" placeholder="COUPON CODE: GET50" #promo /><button class="add_btn" (click)="promoApply(promo.value)"> <div class="promo-row">
APPLY <input class="" placeholder="COUPON CODE: GET50" #promo /><button class="add_btn" (click)="promoApply(promo.value)">
</button> APPLY
<span *ngIf="discountApplied" style="color: red">Promocode applied successfully </button>
</div>
<span *ngIf="discountApplied" class="promo-success">Promocode applied successfully
</span> </span>
</div> </div>
<br /> <br />
<h6> <h6>
......
src/app/cart/cart.page.scss
...@@ -205,35 +205,44 @@ ...@@ -205,35 +205,44 @@
} }
.coupon_code { .coupon_code {
padding-top: 20px; padding-top: 20px;
padding-bottom: 50px; padding-bottom: 40px;
border-bottom: 1px solid #b0aec7; border-bottom: 1px solid #b0aec7;
display: flex; .promo-row {
justify-content: space-between; display: flex;
input { justify-content: space-between;
width: 75%; input {
border: 1px solid #b0aec7; width: 75%;
border-radius: 20px; border: 1px solid #b0aec7;
height: 35px; border-radius: 20px;
padding-left: 20px; height: 35px;
font-weight: 900; padding-left: 20px;
color: #29285b; font-weight: 900;
outline: none; color: #29285b;
transition: all .4s ease-in-out; outline: none;
&::placeholder { transition: all .4s ease-in-out;
color: rgba(215, 213, 228, 1); &::placeholder {
color: rgba(215, 213, 228, 1);
}
&:focus {
border: 1px solid #f3d09f;
box-shadow: 3px 3px 6px 0px rgba(202, 154, 83, 0.11);
}
} }
&:focus { .add_btn {
border: 1px solid #f3d09f; color: #29285b;
box-shadow: 3px 3px 6px 0px rgba(202, 154, 83, 0.11); width: 25%;
height: 35px;
background: transparent;
font-size: 17px;
font-weight: bolder;
} }
} }
.add_btn { .promo-success {
color: #29285b; color: #31b131;
width: 25%; font-size: 16px;
height: 35px; text-align: left;
background: transparent; display: block;
font-size: 17px; margin-top: 5px;
font-weight: bolder;
} }
} }
.total_div { .total_div {
......
src/app/productdetail/productdetail.page.scss
...@@ -134,12 +134,11 @@ ...@@ -134,12 +134,11 @@
top: 0px; top: 0px;
bottom: 0px; bottom: 0px;
padding: 4px; padding: 4px;
padding-top: 35px;
padding-bottom: 35px;
text-align: center; text-align: center;
display: flex; display: flex;
align-items: center; align-items: center;
font-size: 14px; font-size: 14px;
justify-content: center;
} }
#custom_check_button label { #custom_check_button label {
width: 100%; width: 100%;
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment