From f1fe614977a8ab3e48c4c42350499822498c9d96 Mon Sep 17 00:00:00 2001
From: Hyungi Ahn <hyungiahn@Hyungiui-MacBookPro.local>
Date: Mon, 13 Oct 2025 15:50:55 +0900
Subject: [PATCH] =?UTF-8?q?=E2=9C=A8=20=ED=85=8C=EC=9D=B4=EB=B8=94=20?=
 =?UTF-8?q?=EC=A0=95=EB=A0=AC=20=EC=99=84=EB=A3=8C=20-=20=EB=B0=B1?=
 =?UTF-8?q?=EB=B6=84=EC=9C=A8=20=EA=B8=B0=EB=B0=98=20=EC=BB=AC=EB=9F=BC=20?=
 =?UTF-8?q?=EB=84=88=EB=B9=84?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 모든 카테고리의 컬럼을 백분율(%)로 통일
- 선택: 2.5%, 종류: 7.5%로 최적화
- 화면 너비에 맞게 꽉 차도록 표시
- 헤더와 본문이 완벽하게 정렬됨
- 엑셀과 유사한 깔끔한 테이블 완성
---
 frontend/src/pages/NewMaterialsPage.css | 32 ++++++++++++-------------
 1 file changed, 16 insertions(+), 16 deletions(-)

diff --git a/frontend/src/pages/NewMaterialsPage.css b/frontend/src/pages/NewMaterialsPage.css
index 8fd8cf3..9e8c608 100644
--- a/frontend/src/pages/NewMaterialsPage.css
+++ b/frontend/src/pages/NewMaterialsPage.css
@@ -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%;
   
   
 }