responsive banner dashboard

This commit is contained in:
Amirul Amin
2021-08-15 16:29:52 +08:00
parent 3c1ba6a780
commit 9cfc6e7cdf
@@ -105,10 +105,10 @@
<div class="row m-b-50" v-show="$store.getters.getOrder">
<div class="col">
<div class="row">
<div class="absolute hint-text dotted-grid" style="width: 200px;height: 100px; right: 10px; bottom: 0; z-index: 1; opacity: 0.3;"></div>
<div class="d-none d-sm-inline absolute hint-text dotted-grid" style="width: 200px;height: 100px; right: 10px; bottom: 0; z-index: 1; opacity: 0.3;"></div>
<div class="col bg-info-primary-gradient text-white b-rad-lg padding-25">
<div class="row align-items-center">
<div class="col-3 text-center no-padding">
<div class="d-none d-sm-inline col-3 text-center no-padding">
<img src="/images/qr-box.svg" class="w-75">
</div>
<div class="col">
@@ -118,7 +118,7 @@
<p class="no-margin fs-12">Place an order with us, and send the QR Code label to your supplier to attach to your order's packages</p>
</div>
</div>
<div class="row m-b-10 align-items-center">
<div class="d-flex row m-b-10 align-items-center">
<div class="col-auto">
<div class="row align-items-end">
<div class="col-auto">
@@ -162,15 +162,15 @@
</div>
</div>
<div class="col">
<div class="btn btn-sm btn-primary bg-primary-darker no-padding btn-rounded fs-12 no-border">
<div class="row align-items-center no-margin" @click="$store.dispatch('toggleSection', {name: 'hideOneClickButtonText', status: !$store.getters.isShowing('hideOneClickButtonText')})">
<div class="btn btn-sm btn-primary bg-primary-darker btn-rounded my-3 my-sm-0 fs-12 no-border" style="padding: inherit;">
<div class="row align-items-center flex-nowrap" @click="$store.dispatch('toggleSection', {name: 'hideOneClickButtonText', status: !$store.getters.isShowing('hideOneClickButtonText')})">
<div class="col-auto" v-show="$store.getters.isShowing('hideOneClickButtonText')" style="width: 172px; height: 20px;">
<loading-component style="height: 20px; top: 0;" color="white"></loading-component>
</div>
<div class="col-auto no-padding">
<i class="fa fa-hand-o-up bg-primary-dark p-t-10 p-b-10 p-l-15 p-r-15 btn-rounded"></i>
</div>
<div class="col p-r-25" v-show="!$store.getters.isShowing('hideOneClickButtonText')">
<div class="col p-r-25" v-show="!$store.getters.isShowing('hideOneClickButtonText')" style="width: 172px;">
Place Order with 1-Click
</div>
</div>
@@ -179,7 +179,7 @@
</div>
<div class="row">
<div class="col">
<div class="row m-l-0 m-r-0 m-b-5 align-items-center hint-text">
<div class="row m-l-0 m-r-0 m-b-10 align-items-center hint-text">
<div class="col-auto b-b b-white p-t-5 p-l-30 hint-text"></div>
<div class="auto m-r-10 m-l-10">
<small class="fs-10 small all-caps">Or Select a different warehouse & delivery address</small>