From 309291fcfbee97a1abf567c51c85d69f729cddc2 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=EA=B9=80=EC=B0=BD=EC=88=98?= Date: Fri, 30 May 2025 15:18:17 +0900 Subject: [PATCH] =?UTF-8?q?=EC=A7=80=EB=B6=95=EB=AA=A8=EB=93=88=20?= =?UTF-8?q?=EC=9E=AC=EC=88=98=EC=A0=95?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../RoofModuleOptionTab03.jsx | 208 +++++++++--------- src/styles/_modal.scss | 20 +- 2 files changed, 115 insertions(+), 113 deletions(-) diff --git a/src/components/canvas/modal/roofmoduleoption/RoofModuleOptionTab03.jsx b/src/components/canvas/modal/roofmoduleoption/RoofModuleOptionTab03.jsx index b5333ca..076103a 100644 --- a/src/components/canvas/modal/roofmoduleoption/RoofModuleOptionTab03.jsx +++ b/src/components/canvas/modal/roofmoduleoption/RoofModuleOptionTab03.jsx @@ -5,7 +5,7 @@ import { useState } from "react" export default function RoofModuleOptionTab03({setTabNum}){ const [useTab, setUseTab] = useState(false); - const [warningTab, setWarningTab] = useState(false); + const [numValue, setNumValue] = useState(1); return( <> @@ -141,110 +141,114 @@ export default function RoofModuleOptionTab03({setTabNum}){ 屋根材別モジュールの最大段数。混合最大単数を確認してください -
-
-
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
-
- - Re.RISE-G3 440 -
- 		-
- - Re.RISE MS-G3 290 -
- 		-
- - Re.RISE-G3 440 -
-
最大段数最大段数最大段数2種混合最大段数
-
- - アスファルトシングル -
- 		7555
-
- - アスファルトシングル -
- 		7555
-
- - アスファルトシングル -
- 		7555
-
- - アスファルトシングル -
- 		7555
-
+
+
+ +
-
-
-
-
- 千鳥配置の注意事項 - -
-
-
千鳥配置する時に図のような配置ができてしまいますが、正常な積算ができません。
千鳥で配置する時は、千鳥配置を「する」にして、モジュールが吸着されるようにして下さい。
-
-
- + {numValue === 1 && +
+
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+
+ + Re.RISE-G3 440 +
+ 		+
+ + Re.RISE MS-G3 290 +
+ 		+
+ + Re.RISE-G3 440 +
+
最大段数最大段数最大段数2種混合最大段数
+
+ + アスファルトシングル +
+ 		7555
+
+ + アスファルトシングル +
+ 		7555
+
+ + アスファルトシングル +
+ 		7555
+
+ + アスファルトシングル +
+ 		7555
+
+
-
- + } + {numValue === 2 && +
+
千鳥配置する時に図のような配置ができてしまいますが、正常な積算ができません。
千鳥で配置する時は、千鳥配置を「する」にして、モジュールが吸着されるようにして下さい。
+
+
+ +
+
+ +
+
-
+ }
{/* 2025-05-30 ed */} diff --git a/src/styles/_modal.scss b/src/styles/_modal.scss index ebb54c6..c90372b 100644 --- a/src/styles/_modal.scss +++ b/src/styles/_modal.scss @@ -2459,22 +2459,20 @@ $alert-color: #101010; } // 2025-05-30 지붕 모듈 -.hide-tab-wrap{ - border-bottom: 1px solid #424242; -} -.roof-warning-wrap{ - &.hide{ - overflow: hidden; - height: 0; - } -} .roof-warning-img-wrap{ display: flex; align-items: center; gap: 15px; justify-content: center; - padding-bottom: 10px; - .roof-warning-img{ +} +.roof-content-tab-wrap{ + display: flex; + padding-top: 10px; +} +.hide-tab-contents{ + &.hide{ + height: 0; + overflow: hidden; } } \ No newline at end of file