From a0d22508be5876376bfc1d63e86da2cd024ae24f Mon Sep 17 00:00:00 2001
From: Hyungi Ahn <hyungiahn@Hyungiui-MacBookPro.local>
Date: Mon, 13 Oct 2025 15:27:11 +0900
Subject: [PATCH] =?UTF-8?q?=E2=9C=A8=20=EC=97=91=EC=85=80=20=EC=8A=A4?=
 =?UTF-8?q?=ED=83=80=EC=9D=BC=20=ED=85=8C=EC=9D=B4=EB=B8=94=20=EC=99=84?=
 =?UTF-8?q?=EC=84=B1=20-=20=ED=97=A4=EB=8D=94/=EB=B3=B8=EB=AC=B8=20?=
 =?UTF-8?q?=EC=99=84=EB=B2=BD=20=EC=A0=95=EB=A0=AC?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 헤더와 본문의 border 색상 통일 (#d1d5db)
- 테이블 전체에 일관된 border 적용
- 헤더 상단 border 추가로 완전한 박스 형태
- 모든 카테고리에서 헤더와 본문이 정확히 일치
- 엑셀과 동일한 깔끔한 그리드 스타일
---
 frontend/src/pages/NewMaterialsPage.css | 24 +++++++++++++-----------
 1 file changed, 13 insertions(+), 11 deletions(-)

diff --git a/frontend/src/pages/NewMaterialsPage.css b/frontend/src/pages/NewMaterialsPage.css
index d1a74bd..70bdb4f 100644
--- a/frontend/src/pages/NewMaterialsPage.css
+++ b/frontend/src/pages/NewMaterialsPage.css
@@ -302,7 +302,9 @@
   display: grid;
   /* 기본 그리드는 사용하지 않음 - 각 카테고리별 전용 클래스 사용 */
   background: #f3f4f6;
-  border: 1px solid #d1d5db;
+  border-top: 1px solid #d1d5db;
+  border-left: 1px solid #d1d5db;
+  border-right: 1px solid #d1d5db;
   border-bottom: 2px solid #9ca3af;
   font-size: 11px;
   font-weight: 600;
@@ -349,7 +351,7 @@
 }
 
 .detailed-material-row.pipe-row .material-cell {
-  border-right: 1px solid #e5e7eb;
+  border-right: 1px solid #d1d5db;
 }
 
 .detailed-material-row.pipe-row .material-cell:last-child {
@@ -395,7 +397,7 @@
 }
 
 .detailed-material-row.special-row .material-cell {
-  border-right: 1px solid #e5e7eb;
+  border-right: 1px solid #d1d5db;
 }
 
 /* BOLT 헤더 테두리 */
@@ -411,7 +413,7 @@
 
 /* BOLT 행 테두리 */
 .detailed-material-row.bolt-row .material-cell {
-  border-right: 1px solid #e5e7eb;
+  border-right: 1px solid #d1d5db;
 }
 
 .detailed-material-row.bolt-row .material-cell:last-child {
@@ -452,7 +454,7 @@
 
 /* U-BOLT 행 테두리 */
 .detailed-material-row.ubolt-row .material-cell {
-  border-right: 1px solid #e5e7eb;
+  border-right: 1px solid #d1d5db;
 }
 .detailed-material-row.ubolt-row .material-cell:last-child {
   border-right: none;
@@ -500,7 +502,7 @@
 
 /* SUPPORT 행 테두리 */
 .detailed-material-row.support-row .material-cell {
-  border-right: 1px solid #e5e7eb;
+  border-right: 1px solid #d1d5db;
 }
 .detailed-material-row.support-row .material-cell:last-child {
   border-right: none;
@@ -543,7 +545,7 @@
 }
 
 .detailed-material-row.flange-row .material-cell {
-  border-right: 1px solid #e5e7eb;
+  border-right: 1px solid #d1d5db;
 }
 
 .detailed-material-row.flange-row .material-cell:last-child {
@@ -575,7 +577,7 @@
 }
 
 .detailed-material-row.fitting-row .material-cell {
-  border-right: 1px solid #e5e7eb;
+  border-right: 1px solid #d1d5db;
 }
 
 .detailed-material-row.fitting-row .material-cell:last-child {
@@ -607,7 +609,7 @@
 }
 
 .detailed-material-row.valve-row .material-cell {
-  border-right: 1px solid #e5e7eb;
+  border-right: 1px solid #d1d5db;
 }
 
 .detailed-material-row.valve-row .material-cell:last-child {
@@ -639,7 +641,7 @@
 }
 
 .detailed-material-row.gasket-row .material-cell {
-  border-right: 1px solid #e5e7eb;
+  border-right: 1px solid #d1d5db;
 }
 
 .detailed-material-row.gasket-row .material-cell:last-child {
@@ -884,7 +886,7 @@
 }
 
 .detailed-material-row.unknown-row .material-cell {
-  border-right: 1px solid #e5e7eb;
+  border-right: 1px solid #d1d5db;
 }
 
 .detailed-material-row.unknown-row .material-cell:last-child {