From 0f8ea447f8eae5963f61f14fea2e034b44ca3feb Mon Sep 17 00:00:00 2001
From: puriphatt <puriphat@frappet.com>
Date: Mon, 17 Jun 2024 04:15:56 +0000
Subject: [PATCH] fix: employee layout & product card bg icon

---
 .../04_product-service/ProductCardComponent.vue           | 8 ++++----
 src/pages/03_customer-management/MainPage.vue             | 2 +-
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/components/04_product-service/ProductCardComponent.vue b/src/components/04_product-service/ProductCardComponent.vue
index a69dc389..0af6f183 100644
--- a/src/components/04_product-service/ProductCardComponent.vue
+++ b/src/components/04_product-service/ProductCardComponent.vue
@@ -28,14 +28,14 @@ withDefaults(
       :style="`background-color:hsla(${color}/0.1)`"
     >
       <div class="row justify-between items-center">
-        <q-btn
+        <q-avatar
           round
           icon="mdi-folder"
-          size="12px"
+          size="48px"
           class="q-my-md q-ml-md"
-          flat
-          :style="`color:hsl(${color});background-color:var(--surface-0)`"
+          :style="`color:hsl(${color});background-color:var(--surface-1)`"
         />
+
         <q-btn
           flat
           round
diff --git a/src/pages/03_customer-management/MainPage.vue b/src/pages/03_customer-management/MainPage.vue
index 2404e64f..8562b5c2 100644
--- a/src/pages/03_customer-management/MainPage.vue
+++ b/src/pages/03_customer-management/MainPage.vue
@@ -1262,7 +1262,7 @@ watch(currentStatus, async () => {
 
       <!-- main -->
       <AppBox bordered class="column" style="width: 100%; min-height: 70vh">
-        <div class="row q-py-md">
+        <div class="row q-pb-md">
           <div class="col">
             <q-select
               v-if="selectorLabel === 'EMPLOYER'"