From 9a3488c92b4d145f8c063af56a8c8ac94c865de0 Mon Sep 17 00:00:00 2001
From: pramod mahajan <pramod.mahajan@marcoaiot.com>
Date: Thu, 18 Sep 2025 14:54:11 +0530
Subject: [PATCH] convert inline style css class into class name

---
 public/assets/css/core-extend.css            | 4 ++++
 src/components/Directory/ListViewContact.jsx | 2 +-
 2 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/public/assets/css/core-extend.css b/public/assets/css/core-extend.css
index 327febfa..68fd44df 100644
--- a/public/assets/css/core-extend.css
+++ b/public/assets/css/core-extend.css
@@ -1,8 +1,12 @@
 :root,
 [data-bs-theme="light"] {
   --bs-nav-link-font-size: 0.7375rem;
+  --bg-border-color :#f8f6f6
 }
 
 .card-header {
   padding: 0.5rem var(--bs-card-cap-padding-x);
 }
+.table_header_border {
+ border-bottom:2px solid var(--bs-table-border-color) ;
+}
\ No newline at end of file
diff --git a/src/components/Directory/ListViewContact.jsx b/src/components/Directory/ListViewContact.jsx
index ef484c31..16e737a7 100644
--- a/src/components/Directory/ListViewContact.jsx
+++ b/src/components/Directory/ListViewContact.jsx
@@ -105,7 +105,7 @@ const ListViewContact = ({ data, Pagination }) => {
           <div className="dataTables_wrapper no-footer mx-5 pb-2">
             <table className="table dataTable text-nowrap">
               <thead>
-                <tr  style={{    borderBottom: "2px solid var(--bs-table-border-color)"}}>
+                <tr className="table_header_border">
                   {contactList?.map((col) => (
                     <th key={col.key} className={col.align}>
                       {col.label}