hyungi/TK-BOM-Project
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

✨ 엑셀 스타일 테이블 완성 - 헤더/본문 완벽 정렬
Some checks failed
SonarQube Analysis / SonarQube Scan (push) Has been cancelled
Details

Browse Source 
- 헤더와 본문의 border 색상 통일 (#d1d5db)
- 테이블 전체에 일관된 border 적용
- 헤더 상단 border 추가로 완전한 박스 형태
- 모든 카테고리에서 헤더와 본문이 정확히 일치
- 엑셀과 동일한 깔끔한 그리드 스타일
This commit is contained in:
Hyungi Ahn
2025-10-13 15:27:11 +09:00
parent fa032e95c6
commit a0d22508be
1 changed files with 13 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

24
frontend/src/pages/NewMaterialsPage.css
View File

@@ -302,7 +302,9 @@
display: grid; display: grid;
/* 기본 그리드는 사용하지 않음 - 각 카테고리별 전용 클래스 사용 */ /* 기본 그리드는 사용하지 않음 - 각 카테고리별 전용 클래스 사용 */
background: #f3f4f6; background: #f3f4f6;
border: 1px solid #d1d5db; border-top: 1px solid #d1d5db;
border-left: 1px solid #d1d5db;
border-right: 1px solid #d1d5db;
border-bottom: 2px solid #9ca3af; border-bottom: 2px solid #9ca3af;
font-size: 11px; font-size: 11px;
font-weight: 600; font-weight: 600;
@@ -349,7 +351,7 @@
} }
.detailed-material-row.pipe-row .material-cell { .detailed-material-row.pipe-row .material-cell {
border-right: 1px solid #e5e7eb; border-right: 1px solid #d1d5db;
} }
.detailed-material-row.pipe-row .material-cell:last-child { .detailed-material-row.pipe-row .material-cell:last-child {
@@ -395,7 +397,7 @@
} }
.detailed-material-row.special-row .material-cell { .detailed-material-row.special-row .material-cell {
border-right: 1px solid #e5e7eb; border-right: 1px solid #d1d5db;
} }
/* BOLT 헤더 테두리 */ /* BOLT 헤더 테두리 */
@@ -411,7 +413,7 @@
/* BOLT 행 테두리 */ /* BOLT 행 테두리 */
.detailed-material-row.bolt-row .material-cell { .detailed-material-row.bolt-row .material-cell {
border-right: 1px solid #e5e7eb; border-right: 1px solid #d1d5db;
} }
.detailed-material-row.bolt-row .material-cell:last-child { .detailed-material-row.bolt-row .material-cell:last-child {
@@ -452,7 +454,7 @@
/* U-BOLT 행 테두리 */ /* U-BOLT 행 테두리 */
.detailed-material-row.ubolt-row .material-cell { .detailed-material-row.ubolt-row .material-cell {
border-right: 1px solid #e5e7eb; border-right: 1px solid #d1d5db;
} }
.detailed-material-row.ubolt-row .material-cell:last-child { .detailed-material-row.ubolt-row .material-cell:last-child {
border-right: none; border-right: none;
@@ -500,7 +502,7 @@
/* SUPPORT 행 테두리 */ /* SUPPORT 행 테두리 */
.detailed-material-row.support-row .material-cell { .detailed-material-row.support-row .material-cell {
border-right: 1px solid #e5e7eb; border-right: 1px solid #d1d5db;
} }
.detailed-material-row.support-row .material-cell:last-child { .detailed-material-row.support-row .material-cell:last-child {
border-right: none; border-right: none;
@@ -543,7 +545,7 @@
} }
.detailed-material-row.flange-row .material-cell { .detailed-material-row.flange-row .material-cell {
border-right: 1px solid #e5e7eb; border-right: 1px solid #d1d5db;
} }
.detailed-material-row.flange-row .material-cell:last-child { .detailed-material-row.flange-row .material-cell:last-child {
@@ -575,7 +577,7 @@
} }
.detailed-material-row.fitting-row .material-cell { .detailed-material-row.fitting-row .material-cell {
border-right: 1px solid #e5e7eb; border-right: 1px solid #d1d5db;
} }
.detailed-material-row.fitting-row .material-cell:last-child { .detailed-material-row.fitting-row .material-cell:last-child {
@@ -607,7 +609,7 @@
} }
.detailed-material-row.valve-row .material-cell { .detailed-material-row.valve-row .material-cell {
border-right: 1px solid #e5e7eb; border-right: 1px solid #d1d5db;
} }
.detailed-material-row.valve-row .material-cell:last-child { .detailed-material-row.valve-row .material-cell:last-child {
@@ -639,7 +641,7 @@
} }
.detailed-material-row.gasket-row .material-cell { .detailed-material-row.gasket-row .material-cell {
border-right: 1px solid #e5e7eb; border-right: 1px solid #d1d5db;
} }
.detailed-material-row.gasket-row .material-cell:last-child { .detailed-material-row.gasket-row .material-cell:last-child {
@@ -884,7 +886,7 @@
} }
.detailed-material-row.unknown-row .material-cell { .detailed-material-row.unknown-row .material-cell {
border-right: 1px solid #e5e7eb; border-right: 1px solid #d1d5db;
} }
.detailed-material-row.unknown-row .material-cell:last-child { .detailed-material-row.unknown-row .material-cell:last-child {