diff --git a/frontend/src/pages/NewMaterialsPage.css b/frontend/src/pages/NewMaterialsPage.css index 62cae89..7b04d18 100644 --- a/frontend/src/pages/NewMaterialsPage.css +++ b/frontend/src/pages/NewMaterialsPage.css @@ -507,6 +507,50 @@ font-weight: 600; } +/* SUPPORT 전용 헤더 - 9개 컬럼 */ +.detailed-grid-header.support-header { + grid-template-columns: 60px 90px 150px 80px 100px 200px 120px 200px 100px; + padding: 12px 0; + margin: 0 24px; + position: sticky; + top: 0; + z-index: 10; + background: #f9fafb; +} + +/* SUPPORT 전용 행 - 9개 컬럼 */ +.detailed-material-row.support-row { + grid-template-columns: 60px 90px 150px 80px 100px 200px 120px 200px 100px; + padding: 8px 0; + margin: 0 24px; +} + +/* SUPPORT 헤더 테두리 */ +.detailed-grid-header.support-header > div, +.detailed-grid-header.support-header .filterable-header { + border-right: 1px solid #d1d5db; +} +.detailed-grid-header.support-header > div:last-child, +.detailed-grid-header.support-header .filterable-header:last-child { + border-right: none; +} + +/* SUPPORT 행 테두리 */ +.detailed-material-row.support-row .material-cell { + border-right: 1px solid #e5e7eb; +} +.detailed-material-row.support-row .material-cell:last-child { + border-right: none; +} + +/* SUPPORT 타입 배지 */ +.type-badge.support { + background: #0891b2; + color: white; + border: 2px solid #0e7490; + font-weight: 600; +} + .detailed-material-row.special-row .material-cell:last-child { border-right: none; } diff --git a/frontend/src/pages/NewMaterialsPage.jsx b/frontend/src/pages/NewMaterialsPage.jsx index c560002..d9e4e51 100644 --- a/frontend/src/pages/NewMaterialsPage.jsx +++ b/frontend/src/pages/NewMaterialsPage.jsx @@ -1314,6 +1314,18 @@ const NewMaterialsPage = ({