Default Quantity Group Layout Fixed

This commit is contained in:
devansh bawari 2021-01-04 20:52:35 +05:30
parent a909905c0e
commit a6bfcddf75
2 changed files with 9 additions and 8 deletions

View File

@ -2553,21 +2553,24 @@ section.cart {
margin-bottom: 10px;
}
.quantity-container {
display: flex !important;
}
button {
width: 40px;
height: 38px;
font-size: 16px;
background: #ffffff;
border: 1px solid #C7C7C7;
float: left;
cursor: pointer;
&.decrease {
border-radius: 3px 0px 0px 3px;
border-radius: 3px;
}
&.increase {
border-radius: 0px 3px 3px 0px;
border-radius: 3px;
}
}

View File

@ -140,9 +140,8 @@
<script type="text/x-template" id="quantity-changer-template">
<div class="quantity control-group" :class="[errors.has(controlName) ? 'has-error' : '']">
<span :class="floatClassName">
<label class="required">{{ __('shop::app.products.quantity') }}</label>
<label class="required">{{ __('shop::app.products.quantity') }}</label>
<span class="quantity-container">
<button type="button" class="decrease" @click="decreaseQty()">-</button>
<input :name="controlName" class="control" :value="qty" :v-validate="validations" data-vv-as="&quot;{{ __('shop::app.products.quantity') }}&quot;" readonly>
@ -219,8 +218,7 @@
data: function() {
return {
qty: this.quantity,
floatClassName: $('body').hasClass('rtl') ? 'pull-right' : 'pull-left'
qty: this.quantity
}
},