From 805d164124f2f44034c9989dc1a5243970a48a84 Mon Sep 17 00:00:00 2001
From: Hyungi Ahn <hyungiahn@Hyungiui-MacBookPro.local>
Date: Mon, 13 Oct 2025 15:38:48 +0900
Subject: [PATCH] =?UTF-8?q?=F0=9F=94=92=20=EB=B0=98=EC=9D=91=ED=98=95=20?=
 =?UTF-8?q?=EC=A0=9C=EA=B1=B0=20=EB=B0=8F=20=EA=B3=A0=EC=A0=95=20=EB=84=88?=
 =?UTF-8?q?=EB=B9=84=20=EC=A0=81=EC=9A=A9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 문제 원인: 반응형 구조로 인해 브라우저 크기에 따라 컬럼 너비가 변경됨
- materials-page: min-width: 1400px 적용
- materials-grid: min-width: 1200px, width: fit-content 적용
- 이제 테이블이 고정 너비를 유지하고 스크롤로 확인 가능
- 헤더와 본문이 항상 동일한 너비 유지
---
 frontend/src/pages/NewMaterialsPage.css | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/frontend/src/pages/NewMaterialsPage.css b/frontend/src/pages/NewMaterialsPage.css
index 70bdb4f..50a2f8c 100644
--- a/frontend/src/pages/NewMaterialsPage.css
+++ b/frontend/src/pages/NewMaterialsPage.css
@@ -9,6 +9,7 @@
   min-height: 100vh;
   font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', sans-serif;
   overflow-x: auto;
+  min-width: 1400px; /* 페이지 최소 너비 고정 */
 }
 
 /* 헤더 */
@@ -288,7 +289,7 @@
   cursor: not-allowed;
 }
 
-/* 자재 테이블 - 엑셀 스타일 */
+/* 자재 테이블 - 엑셀 스타일 (반응형 제거, 고정 너비 + 스크롤) */
 .materials-grid {
   background: white;
   margin: 16px 24px;
@@ -296,6 +297,8 @@
   max-height: calc(100vh - 220px);
   border: 1px solid #d1d5db;
   border-radius: 4px;
+  min-width: 1200px; /* 최소 너비 강제 */
+  width: fit-content; /* 내용에 맞는 너비 */
 }
 
 .detailed-grid-header {