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; }