From 5558b95d1eef9bdcef7c10e416a2f278ff77b278 Mon Sep 17 00:00:00 2001
From: Vlad Stan <stan.v.vlad@gmail.com>
Date: Wed, 5 Jul 2023 16:50:04 +0300
Subject: [PATCH] feat: put product details in card

---
 .../components/customer-stall/customer-stall.html  | 14 +++++++++++---
 static/components/customer-stall/customer-stall.js |  2 +-
 2 files changed, 12 insertions(+), 4 deletions(-)

diff --git a/static/components/customer-stall/customer-stall.html b/static/components/customer-stall/customer-stall.html
index c127424..6075b56 100644
--- a/static/components/customer-stall/customer-stall.html
+++ b/static/components/customer-stall/customer-stall.html
@@ -1,5 +1,5 @@
 <div>
-  <q-toolbar>
+  <!-- <q-toolbar>
 
     <q-toolbar-title></q-toolbar-title>
     <chat-dialog v-if="this.customerPrivkey || this.customerUseExtension" :account="account ? account : dropIn"
@@ -8,9 +8,17 @@
       @remove-from-cart="removeFromCart" @update-qty="updateQty" @reset-cart="resetCart"
       @open-checkout="openCheckout"></shopping-cart>
   </q-toolbar>
+   -->
   <div class="row">
-    <product-detail class="col-12" v-if="productDetail && product" :product="product"
-      @add-to-cart="addToCart"></product-detail>
+    <div class="col-12 auto-width" v-if="productDetail && product">
+      <q-card>
+        <q-card-section>
+          <product-detail :product="product" @add-to-cart="addToCart"></product-detail>
+
+        </q-card-section>
+      </q-card>
+    </div>
+
     <div class="col-12 q-my-lg">
       <q-separator></q-separator>
     </div>
diff --git a/static/components/customer-stall/customer-stall.js b/static/components/customer-stall/customer-stall.js
index 7a3b230..cb3e729 100644
--- a/static/components/customer-stall/customer-stall.js
+++ b/static/components/customer-stall/customer-stall.js
@@ -129,7 +129,7 @@ async function customerStall(path) {
         }
         this.$q.notify({
           type: 'positive',
-          message: `${item.name} added to cart`,
+          message: `'${item.name}' added to cart`,
           icon: 'thumb_up'
         })
         this.cart.products = prod