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 
- 모든 카테고리의 컬럼을 백분율(%)로 통일
- 선택: 2.5%, 종류: 7.5%로 최적화
- 화면 너비에 맞게 꽉 차도록 표시
- 헤더와 본문이 완벽하게 정렬됨
- 엑셀과 유사한 깔끔한 테이블 완성
This commit is contained in:
Hyungi Ahn
2025-10-13 15:50:55 +09:00
parent e3d0c4d9a0
commit f1fe614977
1 changed files with 16 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -335,7 +335,7 @@
/* PIPE 전용 헤더 - 9개 컬럼 */
.detailed-grid-header.pipe-header {
grid-template-columns: 5% 8% 12% 8% 10% 20% 12% 15% 10% !important;
grid-template-columns: 2.5% 7.5% 14% 8% 10% 20% 12% 15% 10% !important;
}
.detailed-grid-header.pipe-header > div,
@@ -350,7 +350,7 @@
/* PIPE 전용 행 - 9개 컬럼 */
.detailed-material-row.pipe-row {
grid-template-columns: 5% 8% 12% 8% 10% 20% 12% 15% 10% !important;
grid-template-columns: 2.5% 7.5% 14% 8% 10% 20% 12% 15% 10% !important;
}
.detailed-material-row.pipe-row .material-cell {
@@ -387,14 +387,14 @@
/* BOLT 전용 헤더 - 9개 컬럼 */
.detailed-grid-header.bolt-header {
grid-template-columns: 5% 8% 12% 8% 10% 20% 12% 15% 10%;
grid-template-columns: 2.5% 7.5% 14% 8% 10% 20% 12% 15% 10%;
}
/* BOLT 전용 행 - 9개 컬럼 */
.detailed-material-row.bolt-row {
grid-template-columns: 5% 8% 12% 8% 10% 20% 12% 15% 10%;
grid-template-columns: 2.5% 7.5% 14% 8% 10% 20% 12% 15% 10%;
}
@@ -433,14 +433,14 @@
/* U-BOLT 전용 헤더 - 8개 컬럼 */
.detailed-grid-header.ubolt-header {
grid-template-columns: 5% 10% 15% 10% 20% 12% 18% 10%;
grid-template-columns: 3% 11% 15% 10% 20% 12% 18% 10%;
}
/* U-BOLT 전용 행 - 8개 컬럼 */
.detailed-material-row.ubolt-row {
grid-template-columns: 5% 10% 15% 10% 20% 12% 18% 10%;
grid-template-columns: 3% 11% 15% 10% 20% 12% 18% 10%;
}
@@ -481,14 +481,14 @@
/* SUPPORT 전용 헤더 - 9개 컬럼 */
.detailed-grid-header.support-header {
grid-template-columns: 5% 8% 14% 8% 10% 18% 12% 15% 10%;
grid-template-columns: 2.5% 7.5% 16% 8% 10% 18% 12% 15% 10%;
}
/* SUPPORT 전용 행 - 9개 컬럼 */
.detailed-material-row.support-row {
grid-template-columns: 5% 8% 14% 8% 10% 18% 12% 15% 10%;
grid-template-columns: 2.5% 7.5% 16% 8% 10% 18% 12% 15% 10%;
}
@@ -525,7 +525,7 @@
/* 플랜지 전용 헤더 - 10개 컬럼 */
.detailed-grid-header.flange-header {
grid-template-columns: 5% 8% 10% 8% 10% 10% 18% 10% 15% 6%;
grid-template-columns: 2.5% 7.5% 12% 8% 10% 10% 18% 10% 15% 6%;
}
@@ -542,7 +542,7 @@
/* 플랜지 전용 행 - 10개 컬럼 */
.detailed-material-row.flange-row {
grid-template-columns: 5% 8% 10% 8% 10% 10% 18% 10% 15% 6%;
grid-template-columns: 2.5% 7.5% 12% 8% 10% 10% 18% 10% 15% 6%;
}
@@ -557,7 +557,7 @@
/* 피팅 전용 헤더 - 10개 컬럼 */
.detailed-grid-header.fitting-header {
grid-template-columns: 5% 8% 18% 8% 8% 10% 18% 10% 15% 0%;
grid-template-columns: 2.5% 7.5% 20% 8% 8% 10% 18% 10% 15% 0%;
}
@@ -574,7 +574,7 @@
/* 피팅 전용 행 - 10개 컬럼 */
.detailed-material-row.fitting-row {
grid-template-columns: 5% 8% 18% 8% 8% 10% 18% 10% 15% 0%;
grid-template-columns: 2.5% 7.5% 20% 8% 8% 10% 18% 10% 15% 0%;
}
@@ -589,7 +589,7 @@
/* 밸브 전용 헤더 - 9개 컬럼 (스케줄 제거, 타입 너비 증가) */
.detailed-grid-header.valve-header {
grid-template-columns: 5% 18% 12% 8% 8% 18% 10% 15% 6%;
grid-template-columns: 3% 19% 12% 8% 8% 18% 10% 15% 6%;
}
@@ -606,7 +606,7 @@
/* 밸브 전용 행 - 9개 컬럼 (스케줄 제거, 타입 너비 증가) */
.detailed-material-row.valve-row {
grid-template-columns: 5% 18% 12% 8% 8% 18% 10% 15% 6%;
grid-template-columns: 3% 19% 12% 8% 8% 18% 10% 15% 6%;
}
@@ -621,7 +621,7 @@
/* 가스켓 전용 헤더 - 11개 컬럼 (타입 좁게, 상세내역 넓게, 두께 추가) */
.detailed-grid-header.gasket-header {
grid-template-columns: 5% 8% 10% 7% 7% 10% 18% 7% 10% 15% 3%;
grid-template-columns: 2.5% 7.5% 12% 7% 7% 10% 18% 7% 10% 15% 3%;
}
@@ -638,7 +638,7 @@
/* 가스켓 전용 행 - 11개 컬럼 (타입 좁게, 상세내역 넓게, 두께 추가) */
.detailed-material-row.gasket-row {
grid-template-columns: 5% 8% 10% 7% 7% 10% 18% 7% 10% 15% 3%;
grid-template-columns: 2.5% 7.5% 12% 7% 7% 10% 18% 7% 10% 15% 3%;
}