From a59a31a4bcce1da49ddbf3bb10ab80003f74cb41 Mon Sep 17 00:00:00 2001
From: puriphatt <puriphat@frappet.com>
Date: Thu, 13 Jun 2024 10:05:36 +0000
Subject: [PATCH] feat: drawer info bg color props

---
 src/components/DrawerInfo.vue | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/components/DrawerInfo.vue b/src/components/DrawerInfo.vue
index 66f5ab8d..824a36ab 100644
--- a/src/components/DrawerInfo.vue
+++ b/src/components/DrawerInfo.vue
@@ -10,6 +10,7 @@ defineProps<{
   statusBranch?: string;
   badgeLabel?: string;
   badgeClass?: string;
+  bgColor?: string;
   editData?: (...args: unknown[]) => void;
   deleteData?: (...args: unknown[]) => void;
   submit?: (...args: unknown[]) => void;
@@ -139,11 +140,10 @@ function reset() {
             resetValidation
           />
         </div>
-
         <div
-          class="col-10 form-body surface-0"
+          class="col-10 form-body"
           style="position: relative"
-          :class="{ dark: $q.dark.isActive }"
+          :class="`${bgColor || 'surface-0'} ${$q.dark.isActive && 'dark'}`"
         >
           <slot></slot>
           <slot name="info"></slot>