From 573f145f5079bf82a06074fcb1affa7eb428aee9 Mon Sep 17 00:00:00 2001
From: Hyungi Ahn <hyungiahn@Hyungiui-MacBookPro.local>
Date: Mon, 13 Oct 2025 14:59:33 +0900
Subject: [PATCH] =?UTF-8?q?=F0=9F=8E=A8=20=EB=AA=A8=EB=93=A0=20=EC=B9=B4?=
 =?UTF-8?q?=ED=85=8C=EA=B3=A0=EB=A6=AC=20=ED=85=8C=EC=9D=B4=EB=B8=94=20?=
 =?UTF-8?q?=EA=B7=B8=EB=A6=AC=EB=93=9C=20=EC=A0=95=EB=A0=AC=20=EA=B0=9C?=
 =?UTF-8?q?=EC=84=A0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 모든 카테고리의 헤더와 본문 grid-template-columns를 통일
- FLANGE, FITTING, VALVE, GASKET, UNKNOWN 컬럼 너비 재조정
- 선택 컬럼: 40px → 60px (체크박스 공간 확보)
- 각 카테고리별 최적 컬럼 너비 적용으로 내용 잘림 방지
- 사용자요구 컬럼: 150px → 200px (입력 공간 확대)
---
 frontend/src/pages/NewMaterialsPage.css | 20 ++++++++++----------
 1 file changed, 10 insertions(+), 10 deletions(-)

diff --git a/frontend/src/pages/NewMaterialsPage.css b/frontend/src/pages/NewMaterialsPage.css
index 7b04d18..298c7cf 100644
--- a/frontend/src/pages/NewMaterialsPage.css
+++ b/frontend/src/pages/NewMaterialsPage.css
@@ -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;
 }