convert inline style css class into class name

This commit is contained in:
pramod mahajan 2025-09-18 14:54:11 +05:30
parent 1b144aab8a
commit 9a3488c92b
2 changed files with 5 additions and 1 deletions

View File

@ -1,8 +1,12 @@
:root, :root,
[data-bs-theme="light"] { [data-bs-theme="light"] {
--bs-nav-link-font-size: 0.7375rem; --bs-nav-link-font-size: 0.7375rem;
--bg-border-color :#f8f6f6
} }
.card-header { .card-header {
padding: 0.5rem var(--bs-card-cap-padding-x); padding: 0.5rem var(--bs-card-cap-padding-x);
} }
.table_header_border {
border-bottom:2px solid var(--bs-table-border-color) ;
}

View File

@ -105,7 +105,7 @@ const ListViewContact = ({ data, Pagination }) => {
<div className="dataTables_wrapper no-footer mx-5 pb-2"> <div className="dataTables_wrapper no-footer mx-5 pb-2">
<table className="table dataTable text-nowrap"> <table className="table dataTable text-nowrap">
<thead> <thead>
<tr style={{ borderBottom: "2px solid var(--bs-table-border-color)"}}> <tr className="table_header_border">
{contactList?.map((col) => ( {contactList?.map((col) => (
<th key={col.key} className={col.align}> <th key={col.key} className={col.align}>
{col.label} {col.label}