패널 배치 집계 수정

src/app/canvas/page.jsx

@@ -83,10 +83,10 @@ export default function CanvasPage() {
                     {/* <CanvasContextMenu/> */}
                     
                     {/* 패널 배치 집계 */}
-                    {/* <Penal01/> */}
+                    <Penal01/>
-                    {/* <Penal02/> */}
+                    <Penal02/>
-                    {/* <Penal03/> */}
+                    <Penal03/>
-                    {/* <Penal04/> */}
+                    <Penal04/>
 
                     {/* 배치면 초기 설정 */}
                     {/* <PlacementSettingPop/> */}
@@ -106,7 +106,7 @@ export default function CanvasPage() {
                     {/* <PropertiesSetting/> */}
 
                     {/* 지붕형상 설정 */}
-                    <RoofShapeOption/>
+                    {/* <RoofShapeOption/> */}
 
                     {/* 지붕형상 수동 설정 */}
                     {/* <ManualRoofShape/> */}
@@ -135,7 +135,7 @@ export default function CanvasPage() {
                     {/* <SlopeOption/> */}
 
                     {/* 배치면 그리기 */}
-                    <ArrangementSetting/>
+                    {/* <ArrangementSetting/> */}
 
                     {/* 면형상 배치 */}
                     {/* <PlaneShapeOption/> */}
@@ -158,13 +158,13 @@ export default function CanvasPage() {
                     {/* <DrawingFlow/> */}
 
                     {/* 지붕모듈선택 */}
-                    <RoofModuleOption/>
+                    {/* <RoofModuleOption/> */}
 
                     {/* 육지붕모듈 선택 */}
-                    <HexagonalRoofOption/>
+                    {/* <HexagonalRoofOption/> */}
 
                     {/* 회로 및 가대설정 */}
-                    <CircuitStandSetting/>
+                    {/* <CircuitStandSetting/> */}
 
                     {/* 모듈 부가기능 */}
 

src/components/canvas/penal/Penal02.jsx

@@ -9,7 +9,7 @@ export default function Penal02(){
                 <h2>パネル配置集計</h2>
                 <button className="penal-arr" onClick={() => setPenalAct(!penalAct)}></button>
                 <div className="penal-table-wrap">
-                    <table className="penal-table" style={{width: '335px'}}>
+                    <table className="penal-table">
                         <thead>
                             <tr>
                                 <th>屋根面</th>

src/components/canvas/penal/Penal03.jsx

@@ -9,11 +9,12 @@ export default function Penal03(){
                 <h2>パネル配置集計</h2>
                 <button className="penal-arr" onClick={() => setPenalAct(!penalAct)}></button>
                 <div className="penal-table-wrap">
-                    <table className="penal-table" style={{width: '335px'}}>
+                    <table className="penal-table">
                         <thead>
                             <tr>
                                 <th>屋根面</th>
-                                <th>Q.TRON-MG</th>
+                                <th>Q.TRON-MGQ.TRON-MGQ.TRON-MG</th>
+                                <th>Q.TRON-MGQ.TRON-MGQ.TRON-MG</th>
                                 <th>発電量 (kW)</th>
                             </tr>
                         </thead>
@@ -22,11 +23,13 @@ export default function Penal03(){
                                 <td>M 1</td>
                                 <td className="al-r">8</td>
                                 <td className="al-r">3,440</td>
+                                <td className="al-r">3,440</td>
                             </tr>
                             <tr>
                                 <td>合計</td>
                                 <td className="al-r">8</td>
                                 <td className="al-r">3,440</td>
+                                <td className="al-r">3,440</td>
                             </tr>
                         </tbody>
                     </table>

src/components/canvas/penal/Penal04.jsx

@@ -9,7 +9,7 @@ export default function Penal04(){
                 <h2>パネル配置集計</h2>
                 <button className="penal-arr" onClick={() => setPenalAct(!penalAct)}></button>
                 <div className="penal-table-wrap">
-                    <table className="penal-table" style={{width: '435px'}}>
+                    <table className="penal-table">
                         <thead>
                             <tr>
                                 <th>屋根面</th>

src/components/publishpage/PublishPage.jsx

@@ -252,6 +252,7 @@ export default function PublishPage() {
                       *팝업당 '설정' 텍스트 제거 리스트<br/>
                       &#40;지붕형상 수동 설정, 배치면 그리기, 외벽선 작성, 오브젝트 배치, 동선이동 형 올림 내림, 지붕형상 설정, 지붕모듈 설정, 보조선 작성, 처마∙케라바 변경, 외벽선 편집 및 오프셋, 각 변 속성 변경, 실측치 설정	&#41;
                     </li>
+                    <li>*패널 배치 집계 수정</li>
                   </ul>
                 </td>
                 <td className="t-center">2024-10-28</td>

src/styles/_canvasside.scss

@@ -37,7 +37,7 @@
         border: 1px solid #3D3D3D;
         padding: 20px;
         .penal-table{
-            table-layout: fixed;
+            table-layout: auto;
             border-collapse: collapse;
             thead{
                 th{
@@ -45,8 +45,11 @@
                     background-color:rgba(255, 255, 255, 0.05);
                     font-size: 12px;
                     font-weight: 500;
+                    min-width: 140px;
+                    padding: 0 15px;
                     color: #fff;
                     border: 1px solid #505050;
+                    white-space: nowrap;
                 }
             }
             tbody{