From f775354e43c695a031325931f7ac23ca621ff111 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=EA=B9=80=EC=B0=BD=EC=88=98?= <chang9811@interplug.co.kr>
Date: Tue, 14 Jan 2025 09:22:11 +0900
Subject: [PATCH] =?UTF-8?q?grid=20css=20=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../productinfo/ProductInfoTable.jsx           | 18 +++++++++---------
 src/styles/_grid-detail.scss                   |  3 ++-
 2 files changed, 11 insertions(+), 10 deletions(-)

diff --git a/src/components/sub/management/productinfo/ProductInfoTable.jsx b/src/components/sub/management/productinfo/ProductInfoTable.jsx
index 76a07d3..0198c51 100644
--- a/src/components/sub/management/productinfo/ProductInfoTable.jsx
+++ b/src/components/sub/management/productinfo/ProductInfoTable.jsx
@@ -15,15 +15,15 @@ export default function ProductInfoTable(){
             { planNumber: "5", orderStatus: "X", module: "Q.TROM M-G2.4+430", systemCapacity: "5.16kW", roofMaterial: "瓦53A, 瓦53B", constructionMethod: "強化施工", mountingStructure: "ジャイロスレー..", powerConditioner: "SE5500H AC-S-25, P401-5RM4MRM, SE-CTML-0350-070, SE-MTR240-1" },
         ],
         gridColumns:[
-            { headerName: "プラン番号 ", field: "planNumber", width: 100, cellStyle: {justifyContent: "center"} },
-            { headerName: "発注可 ", field: "orderStatus", width: 80, cellStyle: {justifyContent: "center"} },
-            { headerName: "モジュール ", field: "module", flex: 1, cellStyle: {justifyContent: "flex-start"/* 좌측정렬*/  }},
-            { headerName: "システム容量 ", field: "systemCapacity", width: 120, cellStyle: { justifyContent: "flex-end"/* 우측정렬*/ } },
-            { headerName: "屋根材 ", field: "roofMaterial", width: 140, wrapText: true,  autoHeight: true,cellStyle: { justifyContent: "flex-start"/* 좌측정렬*/} },
-            { headerName: "施工方法 ", field: "constructionMethod",cellStyle: {justifyContent: "flex-start"/* 좌측정렬*/ } },
-            { headerName: "架台 ", field: "mountingStructure",cellStyle: { justifyContent: "flex-start"/* 좌측정렬*/ } },
-            { headerName: "パワーコンディショナー ", field: "powerConditioner", flex: 1, wrapText: true,  autoHeight: true, cellStyle: {justifyContent: "flex-start"/* 좌측정렬*/}},
-            { headerName: "管理 ", field: "management", width: 200, autoHeight: true, cellStyle: { justifyContent: "center" }, cellRenderer: (params) => {
+            { headerName: "プラン番号 ", field: "planNumber", width: 100, cellStyle: {alignItems: "center"} },
+            { headerName: "発注可 ", field: "orderStatus", width: 80, cellStyle: {alignItems: "center"} },
+            { headerName: "モジュール ", field: "module", flex: 1, cellStyle: {alignItems: "flex-start"/* 좌측정렬*/  }},
+            { headerName: "システム容量 ", field: "systemCapacity", width: 120, cellStyle: { alignItems: "flex-end"/* 우측정렬*/ } },
+            { headerName: "屋根材 ", field: "roofMaterial", width: 140, wrapText: true,  autoHeight: true,cellStyle: { alignItems: "flex-start"/* 좌측정렬*/} },
+            { headerName: "施工方法 ", field: "constructionMethod",cellStyle: {alignItems: "flex-start"/* 좌측정렬*/ } },
+            { headerName: "架台 ", field: "mountingStructure",cellStyle: { alignItems: "flex-start"/* 좌측정렬*/ } },
+            { headerName: "パワーコンディショナー ", field: "powerConditioner", flex: 1, wrapText: true,  autoHeight: true, cellStyle: {alignItems: "flex-start"/* 좌측정렬*/}},
+            { headerName: "管理 ", field: "management", width: 200, autoHeight: true, cellStyle: { alignItems: "center" }, cellRenderer: (params) => {
                 return (
                     <div className='grid-cell-btn'>
                         <button className='grid-btn'><span className="file"></span>見積書の照会</button>
diff --git a/src/styles/_grid-detail.scss b/src/styles/_grid-detail.scss
index 4bf432e..affe56f 100644
--- a/src/styles/_grid-detail.scss
+++ b/src/styles/_grid-detail.scss
@@ -44,7 +44,8 @@
         }
         .ag-cell{
             display: flex;
-            align-items: center;
+            justify-content: center;
+            flex-direction: column;
             font-size: 13px;
             color: #45576F;
             line-height: 1.4 !important;