mirror of
https://gitlab.com/CIEFWorldwideSdnBhd/shipping-portal.git
synced 2026-08-19 04:24:12 +00:00
responsive banner dashboard
This commit is contained in:
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user