From 5a9274d42b5ac4b3b53b9d1ffb4bb40bad83cf07 Mon Sep 17 00:00:00 2001 From: Hyungi Ahn Date: Mon, 13 Oct 2025 15:41:58 +0900 Subject: [PATCH] =?UTF-8?q?=F0=9F=94=A7=20=ED=85=8C=EC=9D=B4=EB=B8=94=20bo?= =?UTF-8?q?rder=20=EA=B5=AC=EC=A1=B0=20=EC=88=98=EC=A0=95=20-=20=EC=96=91?= =?UTF-8?q?=EC=AA=BD=20=ED=85=8C=EB=91=90=EB=A6=AC=20=ED=86=B5=EC=9D=BC?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit - 헤더 행의 border-left, border-right 제거 - 본문 행의 border-left, border-right 제거 - 대신 첫/마지막 셀에 border 적용으로 통일 - materials-grid의 외곽 border가 전체를 감쌈 - 불필요한 이중 border 제거 --- frontend/src/pages/NewMaterialsPage.css | 18 +++++++++++------- 1 file changed, 11 insertions(+), 7 deletions(-) diff --git a/frontend/src/pages/NewMaterialsPage.css b/frontend/src/pages/NewMaterialsPage.css index d5de3eb..e0cb3db 100644 --- a/frontend/src/pages/NewMaterialsPage.css +++ b/frontend/src/pages/NewMaterialsPage.css @@ -305,9 +305,6 @@ display: grid; /* 기본 그리드는 사용하지 않음 - 각 카테고리별 전용 클래스 사용 */ background: #f3f4f6; - 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; @@ -328,9 +325,14 @@ background: #f3f4f6; } +.detailed-grid-header > div:first-child, +.detailed-grid-header .filterable-header:first-child { + border-left: 1px solid #d1d5db; +} + .detailed-grid-header > div:last-child, .detailed-grid-header .filterable-header:last-child { - border-right: none; + border-right: 1px solid #d1d5db; } /* PIPE 전용 헤더 - 9개 컬럼 */ @@ -916,8 +918,6 @@ display: grid; /* 기본 그리드는 사용하지 않음 - 각 카테고리별 전용 클래스 사용 */ border-bottom: 1px solid #d1d5db; - border-left: 1px solid #d1d5db; - border-right: 1px solid #d1d5db; background: white; transition: background 0.15s; font-size: 12px; @@ -932,8 +932,12 @@ min-height: 28px; } +.detailed-material-row .material-cell:first-child { + border-left: 1px solid #d1d5db; +} + .detailed-material-row .material-cell:last-child { - border-right: none; + border-right: 1px solid #d1d5db; } .detailed-material-row:hover {