From 9cfc6e7cdf6d2544c548b5bfb5e181b4e0130f95 Mon Sep 17 00:00:00 2001
From: Amirul Amin <amirul@tuxuri.com>
Date: Sun, 15 Aug 2021 16:29:52 +0800
Subject: [PATCH] responsive banner dashboard

---
 .../views/pages/dashboards/customer.blade.php      | 14 +++++++-------
 1 file changed, 7 insertions(+), 7 deletions(-)

diff --git a/resources/views/pages/dashboards/customer.blade.php b/resources/views/pages/dashboards/customer.blade.php
index bb505db4..159b504b 100644
--- a/resources/views/pages/dashboards/customer.blade.php
+++ b/resources/views/pages/dashboards/customer.blade.php
@@ -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>