From d5c6c15a64fa460916cb4e27885d3da9298dad7f Mon Sep 17 00:00:00 2001
From: Amir <amirhassan.hamzan@gmail.com>
Date: Wed, 5 Oct 2022 12:51:45 +0800
Subject: [PATCH] fix list item

---
 src/components/list/ListItem.vue | 23 ++++++++++++-----------
 1 file changed, 12 insertions(+), 11 deletions(-)

diff --git a/src/components/list/ListItem.vue b/src/components/list/ListItem.vue
index 254ff4a..ba068fe 100644
--- a/src/components/list/ListItem.vue
+++ b/src/components/list/ListItem.vue
@@ -49,9 +49,9 @@
                               {{ sag.norujukan }}
                             </h6>
                           </div>
-                        <div class="col-12">
-                          <p>{{ sag.berat }}g</p>
-                        </div>
+                          <div class="col-12">
+                            <p>{{ sag.berat }}g</p>
+                          </div>
                         </div>
                         <!-- <ul class="product_price list-unstyled">
                           <li class="old_price">{{ sag.berat }}g</li>
@@ -66,20 +66,21 @@
                           </li>
                         </ul> -->
                         <div class="flex justify-content-between">
-                          <div class="hover">
+                          <div class="text-2xl font-bold">
                             RM{{
                               sag.hargaasas
                                 ?.toString()
                                 .replace(/\B(?=(\d{3})+(?!\d))/g, ",") || ""
                             }}
-                            <a
-                              data-bs-toggle="modal"
-                              data-bs-target="#bidaModal"
-                              @click="clickModal(sag)"
-                              class="btn btn-primary btn-sm waves-effect"
-                              >Masuk <i class="zmdi zmdi-shopping-cart"></i
-                            ></a>
                           </div>
+
+                          <Button
+                            data-bs-toggle="modal"
+                            data-bs-target="#bidaModal"
+                            @click="clickModal(sag)"
+                            icon="pi pi-plus p-button-sm"
+                            class="p-button-rounded"
+                          />
                         </div>
                       </div>
                     </div>