From 846a4eae2fe977f058fc0c05011f68f8674d7198 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: Mon, 7 Oct 2024 15:09:46 +0900
Subject: [PATCH] =?UTF-8?q?=EC=B2=98=EB=A7=88=20=EC=BC=80=EB=9D=BC?=
 =?UTF-8?q?=EB=B0=94=20=EC=95=84=EC=9D=B4=EC=BD=98=20=EB=B3=80=EA=B2=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 public/static/images/canvas/eaves_icon10.svg  | 18 +++++++++++++++
 src/app/canvas/page.jsx                       |  8 +++----
 .../modal/eaves_keraba/EavesKerabaTab02.jsx   |  2 +-
 .../RoofModuleOptionTab02.jsx                 | 14 +++++++----
 src/styles/_table.scss                        | 23 ++++++++++++++++++-
 5 files changed, 54 insertions(+), 11 deletions(-)
 create mode 100644 public/static/images/canvas/eaves_icon10.svg

diff --git a/public/static/images/canvas/eaves_icon10.svg b/public/static/images/canvas/eaves_icon10.svg
new file mode 100644
index 0000000..9914748
--- /dev/null
+++ b/public/static/images/canvas/eaves_icon10.svg
@@ -0,0 +1,18 @@
+<svg width="31" height="30" viewBox="0 0 31 30" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect x="0.75" width="30" height="30" fill="white"/>
+<mask id="mask0_14_55" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="31" height="30">
+<rect width="31" height="30" fill="white"/>
+</mask>
+<g mask="url(#mask0_14_55)">
+<rect x="25" y="6.5" width="4" height="1" transform="rotate(-90 25 6.5)" fill="#ED0004"/>
+<rect x="5" y="6.5" width="4" height="1" transform="rotate(-90 5 6.5)" fill="#ED0004"/>
+<rect x="7.30005" y="5" width="1" height="16.4" transform="rotate(-90 7.30005 5)" fill="black"/>
+<path d="M9.86255 7L7.30005 4.5L9.86255 2" stroke="black"/>
+<path d="M21.3 7L23.8625 4.5L21.3 2" stroke="black"/>
+<rect width="2" height="21" transform="matrix(-1 0 0 1 29.7 9)" fill="black"/>
+<rect width="2" height="21" transform="matrix(-1 0 0 1 3.69995 9)" fill="black"/>
+<rect width="28" height="1.90909" transform="matrix(-1 0 0 1 29.7 9)" fill="black"/>
+<rect width="2" height="11" transform="matrix(-1 0 0 1 16.7 19)" fill="black"/>
+<path d="M6 10.3103L15.6508 19L25 10" stroke="black" stroke-width="2"/>
+</g>
+</svg>
diff --git a/src/app/canvas/page.jsx b/src/app/canvas/page.jsx
index c95c0d1..b0af2ae 100644
--- a/src/app/canvas/page.jsx
+++ b/src/app/canvas/page.jsx
@@ -53,10 +53,10 @@ export default function CanvasPage() {
                         <CanvasLayout menuValue={menuValue}/>
                     </div>
                     {/* 패널 배치 집계 */}
-                    <Penal01/>
-                    <Penal02/>
-                    <Penal03/>
-                    <Penal04/>
+                    {/* <Penal01/> */}
+                    {/* <Penal02/> */}
+                    {/* <Penal03/> */}
+                    {/* <Penal04/> */}
 
                     {/* 배치면 초기 설정 */}
                     {/* <PlacementSettingPop/> */}
diff --git a/src/components/canvas/modal/eaves_keraba/EavesKerabaTab02.jsx b/src/components/canvas/modal/eaves_keraba/EavesKerabaTab02.jsx
index 314fe64..bc0544a 100644
--- a/src/components/canvas/modal/eaves_keraba/EavesKerabaTab02.jsx
+++ b/src/components/canvas/modal/eaves_keraba/EavesKerabaTab02.jsx
@@ -68,7 +68,7 @@ export default function EavesKerabaTab02(){
                         </div>
                         <div className="eaves-keraba-td">
                             <div className="eaves-keraba-ico ">
-                                <Image src="/static/images/canvas/eaves_icon03.svg" alt="react" width={30} height={30} />
+                                <Image src="/static/images/canvas/eaves_icon10.svg" alt="react" width={30} height={30} />
                             </div>
                         </div>
                     </div>
diff --git a/src/components/canvas/modal/roofmoduleoption/RoofModuleOptionTab02.jsx b/src/components/canvas/modal/roofmoduleoption/RoofModuleOptionTab02.jsx
index 26f8b45..2f2ee95 100644
--- a/src/components/canvas/modal/roofmoduleoption/RoofModuleOptionTab02.jsx
+++ b/src/components/canvas/modal/roofmoduleoption/RoofModuleOptionTab02.jsx
@@ -29,11 +29,15 @@ export default function RoofModuleOptionTab02({setTabNum}){
                                 </thead>
                                 <tbody>
                                     <tr>
-                                        <td></td>
-                                        <td></td>
-                                        <td></td>
-                                        <td></td>
-                                        <td></td>
+                                        <td>
+                                            <div className="color-wrap">
+                                                <span className="color-box"></span>
+                                                <span>Re.RISE-G3 440</span>
+                                            </div>
+                                        </td>
+                                        <td className="al-r">1134</td>
+                                        <td>1722</td>
+                                        <td>440</td>
                                     </tr>
                                 </tbody>
                             </table>
diff --git a/src/styles/_table.scss b/src/styles/_table.scss
index db0de20..a87bfc5 100644
--- a/src/styles/_table.scss
+++ b/src/styles/_table.scss
@@ -178,7 +178,28 @@ table{
 
 .roof-module-table{
     table{
-        table-layout: fixed;
         border-collapse: collapse;
+        thead{
+            th{
+                height: 40px;
+                padding: 0 10px;
+                font-size: 12px;
+                color: #fff;
+                font-weight: 500;
+                border: 1px solid #505050;
+                vertical-align: middle;
+                background-color: rgba(255, 255, 255, 0.05);
+                text-align: center;
+                word-break: keep-all;
+            }
+        }
+        tbody{
+            td{
+                font-size: 12px;
+                color: #fff;
+                font-weight: 400;
+                border: 1px solid #505050;
+            }
+        }
     }
 }
\ No newline at end of file