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 
- 모든 카테고리의 헤더와 본문 grid-template-columns를 통일
- FLANGE, FITTING, VALVE, GASKET, UNKNOWN 컬럼 너비 재조정
- 선택 컬럼: 40px → 60px (체크박스 공간 확보)
- 각 카테고리별 최적 컬럼 너비 적용으로 내용 잘림 방지
- 사용자요구 컬럼: 150px → 200px (입력 공간 확대)
This commit is contained in:
Hyungi Ahn
2025-10-13 14:59:33 +09:00
parent cde930c263
commit 573f145f50
1 changed files with 10 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -557,7 +557,7 @@
/* 플랜지 전용 헤더 - 10개 컬럼 */
.detailed-grid-header.flange-header {
grid-template-columns: 60px 100px 150px 80px 100px 80px 350px 100px 150px 100px;
grid-template-columns: 60px 90px 150px 80px 100px 100px 250px 120px 200px 100px;
padding: 12px 0;
margin: 0 24px;
position: sticky;
@@ -578,7 +578,7 @@
/* 플랜지 전용 행 - 10개 컬럼 */
.detailed-material-row.flange-row {
grid-template-columns: 60px 100px 150px 80px 100px 80px 350px 100px 150px 100px;
grid-template-columns: 60px 90px 150px 80px 100px 100px 250px 120px 200px 100px;
padding: 8px 0;
margin: 0 24px;
}
@@ -593,7 +593,7 @@
/* 피팅 전용 헤더 - 10개 컬럼 */
.detailed-grid-header.fitting-header {
grid-template-columns: 40px 80px 280px 80px 80px 140px 350px 100px 150px 100px;
grid-template-columns: 60px 90px 200px 80px 80px 100px 250px 120px 200px 100px;
padding: 12px 0;
margin: 0 24px;
}
@@ -610,7 +610,7 @@
/* 피팅 전용 행 - 10개 컬럼 */
.detailed-material-row.fitting-row {
grid-template-columns: 40px 80px 280px 80px 80px 140px 350px 100px 150px 100px;
grid-template-columns: 60px 90px 200px 80px 80px 100px 250px 120px 200px 100px;
padding: 8px 0;
margin: 0 24px;
}
@@ -625,7 +625,7 @@
/* 밸브 전용 헤더 - 9개 컬럼 (스케줄 제거, 타입 너비 증가) */
.detailed-grid-header.valve-header {
grid-template-columns: 40px 220px 100px 80px 80px 350px 100px 150px 100px;
grid-template-columns: 60px 200px 120px 80px 80px 250px 120px 200px 100px;
padding: 12px 0;
margin: 0 24px;
}
@@ -642,7 +642,7 @@
/* 밸브 전용 행 - 9개 컬럼 (스케줄 제거, 타입 너비 증가) */
.detailed-material-row.valve-row {
grid-template-columns: 40px 220px 100px 80px 80px 350px 100px 150px 100px;
grid-template-columns: 60px 200px 120px 80px 80px 250px 120px 200px 100px;
padding: 8px 0;
margin: 0 24px;
}
@@ -657,7 +657,7 @@
/* 가스켓 전용 헤더 - 11개 컬럼 (타입 좁게, 상세내역 넓게, 두께 추가) */
.detailed-grid-header.gasket-header {
grid-template-columns: 40px 80px 120px 80px 80px 100px 400px 60px 80px 150px 100px;
grid-template-columns: 60px 90px 120px 80px 80px 120px 250px 80px 120px 200px 100px;
padding: 12px 0;
margin: 0 24px;
}
@@ -674,7 +674,7 @@
/* 가스켓 전용 행 - 11개 컬럼 (타입 좁게, 상세내역 넓게, 두께 추가) */
.detailed-material-row.gasket-row {
grid-template-columns: 40px 80px 120px 80px 80px 100px 400px 60px 80px 150px 100px;
grid-template-columns: 60px 90px 120px 80px 80px 120px 250px 80px 120px 200px 100px;
padding: 8px 0;
margin: 0 24px;
}
@@ -902,7 +902,7 @@
/* UNKNOWN 전용 헤더 - 5개 컬럼 */
.detailed-grid-header.unknown-header {
grid-template-columns: 40px 100px 1fr 150px 100px;
grid-template-columns: 60px 100px 1fr 200px 100px;
padding: 12px 0;
margin: 0 24px;
}
@@ -919,7 +919,7 @@
/* UNKNOWN 전용 행 - 5개 컬럼 */
.detailed-material-row.unknown-row {
grid-template-columns: 40px 100px 1fr 150px 100px;
grid-template-columns: 60px 100px 1fr 200px 100px;
padding: 8px 0;
margin: 0 24px;
}