aidev/BizCare
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

라이크 모드 목록 구분선 추가

Browse Source
This commit is contained in:
Macbook
2026-07-12 19:28:50 +09:00
parent de97b5071e
commit 5a0472b6bc
2 changed files with 27 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/src/components/CareTable.tsx
+4 -3
View File
@@ -1,8 +1,9 @@
import { Table, type TableProps } from 'antd'
import { normalizeTableColumns } from '../tableAlign'
/** Ant Design Table 래퍼 — 목록 정렬 규칙(헤더/텍스트 중앙, 숫자·금액 우측) 적용 */
/** Ant Design Table 래퍼 — 목록 정렬 규칙(헤더/텍스트 중앙, 숫자·금액 우측) 적용
* 접수리스트와 같이 행·열 구분선(bordered)을 기본으로 사용 */
export default function CareTable<RecordType extends object>(props: TableProps<RecordType>) {
const { columns, ...rest } = props
return <Table<RecordType> {...rest} columns={normalizeTableColumns(columns)} />
const { columns, bordered = true, ...rest } = props
return <Table<RecordType> {...rest} bordered={bordered} columns={normalizeTableColumns(columns)} />
}
frontend/src/styles/app.css
+23 -6
View File
@@ -3250,7 +3250,7 @@ html.theme-blue .home-postit-foot {
.ant-btn-primary {
background: var(--primary) !important;
border-color: var(--primary) !important;
color: var(--on-primary) !important;
color: #fff !important;
box-shadow: none !important;
text-shadow: none !important;
}
@@ -3258,12 +3258,13 @@ html.theme-blue .home-postit-foot {
.ant-btn-primary:not(:disabled):not(.ant-btn-disabled):focus {
background: var(--primary-dark) !important;
border-color: var(--primary-dark) !important;
color: var(--on-primary) !important;
color: #fff !important;
box-shadow: none !important;
}
.ant-btn-primary:not(:disabled):not(.ant-btn-disabled):active {
background: var(--primary-dark) !important;
border-color: var(--primary-dark) !important;
color: #fff !important;
box-shadow: none !important;
}
html.theme-blue .ant-btn-primary,
@@ -4262,7 +4263,7 @@ html.theme-light .reception-order-page {
.order-attach-buttons .order-search-btn.ant-btn-primary,
.order-attach-buttons .order-search-btn.ant-btn-primary:hover,
.order-attach-buttons .order-search-btn.ant-btn-primary:focus {
color: #000 !important;
color: #fff !important;
}
.order-search-fields {
display: flex;
@@ -4953,7 +4954,7 @@ table.order-list .floating-cell:hover .floating-layer { display: block; }
.branch-row-btn.ant-btn-primary:not(.ant-btn-dangerous) {
background: var(--primary) !important;
border-color: var(--primary) !important;
color: #000 !important;
color: #fff !important;
}
.branch-list-page .branch-row-btn.ant-btn-primary.ant-btn-dangerous,
.branch-row-btn.ant-btn-primary.ant-btn-dangerous {
@@ -4962,7 +4963,7 @@ table.order-list .floating-cell:hover .floating-layer { display: block; }
color: #fff !important;
}
/* 모든 목록(테이블) 파란 primary 버튼 텍스트 = 좌측메뉴 active와 동일 검정 */
/* 목록(테이블) 파란 primary 버튼 텍스트 = 흰색 */
.ant-table-tbody .ant-btn-primary:not(.ant-btn-dangerous),
.ant-table-tbody .ant-btn-primary:not(.ant-btn-dangerous):hover,
.ant-table-tbody .ant-btn-primary:not(.ant-btn-dangerous):focus,
@@ -4970,10 +4971,26 @@ table.order-list .floating-cell:hover .floating-layer { display: block; }
.member-expo-btn.ant-btn-primary,
.member-expo-btn.ant-btn-primary:hover,
.member-expo-btn.ant-btn-primary:focus {
color: #000 !important;
color: #fff !important;
}
.ant-table-tbody .ant-btn-primary.ant-btn-dangerous,
.ant-table-tbody .ant-btn-primary.ant-btn-dangerous:hover,
.ant-table-tbody .ant-btn-primary.ant-btn-dangerous:focus {
color: #fff !important;
}
/* Ant Table bordered — 접수리스트(order-list)와 유사한 행·열 구분선 */
.ant-table-bordered .ant-table-container,
.ant-table-bordered .ant-table-container table {
border-color: var(--border) !important;
}
.ant-table-bordered .ant-table-thead > tr > th,
.ant-table-bordered .ant-table-tbody > tr > td,
.ant-table-bordered .ant-table-summary > tr > th,
.ant-table-bordered .ant-table-summary > tr > td {
border-color: var(--border) !important;
}
html.theme-light .ant-table-bordered .ant-table-thead > tr > th,
html.theme-light .ant-table-bordered .ant-table-tbody > tr > td {
border-color: #d9dee5 !important;
}