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

✨ SUPPORT 카테고리 전용 테이블 레이아웃 추가
Some checks failed
SonarQube Analysis / SonarQube Scan (push) Has been cancelled
Details

Browse Source 
- NewMaterialsPage.jsx: SUPPORT 전용 헤더 및 본문 행 추가 (9개 컬럼)
- NewMaterialsPage.css: SUPPORT 전용 그리드 레이아웃 및 스타일 추가
- 헤더와 본문의 컬럼이 정확히 매칭되도록 수정
- SUPPORT 전용 배지 스타일 추가 (청록색)
This commit is contained in:
Hyungi Ahn
2025-10-13 14:56:03 +09:00
parent 2e0d91cf59
commit cde930c263
2 changed files with 124 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -507,6 +507,50 @@
font-weight: 600;
}
/* SUPPORT 전용 헤더 - 9개 컬럼 */
.detailed-grid-header.support-header {
grid-template-columns: 60px 90px 150px 80px 100px 200px 120px 200px 100px;
padding: 12px 0;
margin: 0 24px;
position: sticky;
top: 0;
z-index: 10;
background: #f9fafb;
}
/* SUPPORT 전용 행 - 9개 컬럼 */
.detailed-material-row.support-row {
grid-template-columns: 60px 90px 150px 80px 100px 200px 120px 200px 100px;
padding: 8px 0;
margin: 0 24px;
}
/* SUPPORT 헤더 테두리 */
.detailed-grid-header.support-header > div,
.detailed-grid-header.support-header .filterable-header {
border-right: 1px solid #d1d5db;
}
.detailed-grid-header.support-header > div:last-child,
.detailed-grid-header.support-header .filterable-header:last-child {
border-right: none;
}
/* SUPPORT 행 테두리 */
.detailed-material-row.support-row .material-cell {
border-right: 1px solid #e5e7eb;
}
.detailed-material-row.support-row .material-cell:last-child {
border-right: none;
}
/* SUPPORT 타입 배지 */
.type-badge.support {
background: #0891b2;
color: white;
border: 2px solid #0e7490;
font-weight: 600;
}
.detailed-material-row.special-row .material-cell:last-child {
border-right: none;
}