Revert "left right bar 추가"
This reverts commit 07bae893b6078c207528514b2c10357ebc3582b6.
This commit is contained in:
parent
07bae893b6
commit
e99a50b0c7
@ -164,7 +164,7 @@ export default function CanvasPage() {
|
|||||||
{/* <HexagonalRoofOption/> */}
|
{/* <HexagonalRoofOption/> */}
|
||||||
|
|
||||||
{/* 회로 및 가대설정 */}
|
{/* 회로 및 가대설정 */}
|
||||||
{/* <CircuitStandSetting/> */}
|
<CircuitStandSetting/>
|
||||||
|
|
||||||
{/* 모듈 부가기능 */}
|
{/* 모듈 부가기능 */}
|
||||||
|
|
||||||
|
|||||||
@ -9,8 +9,6 @@ export default function AdditionalBundleCopy(){
|
|||||||
<button className="modal-close">닫기</button>
|
<button className="modal-close">닫기</button>
|
||||||
</div>
|
</div>
|
||||||
<div className="modal-body">
|
<div className="modal-body">
|
||||||
<div className="left-bar handle"></div>
|
|
||||||
<div className="right-bar handle"></div>
|
|
||||||
<div className="grid-option-tit">
|
<div className="grid-option-tit">
|
||||||
間隔を設定し、コピー方向を選択します。
|
間隔を設定し、コピー方向を選択します。
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@ -9,8 +9,6 @@ export default function AdditionalBundleMove(){
|
|||||||
<button className="modal-close">닫기</button>
|
<button className="modal-close">닫기</button>
|
||||||
</div>
|
</div>
|
||||||
<div className="modal-body">
|
<div className="modal-body">
|
||||||
<div className="left-bar handle"></div>
|
|
||||||
<div className="right-bar handle"></div>
|
|
||||||
<div className="grid-option-tit">
|
<div className="grid-option-tit">
|
||||||
間隔を設定し、移動方向を選択します。
|
間隔を設定し、移動方向を選択します。
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@ -9,8 +9,6 @@ export default function AdditionalColumnCopy(){
|
|||||||
<button className="modal-close">닫기</button>
|
<button className="modal-close">닫기</button>
|
||||||
</div>
|
</div>
|
||||||
<div className="modal-body">
|
<div className="modal-body">
|
||||||
<div className="left-bar handle"></div>
|
|
||||||
<div className="right-bar handle"></div>
|
|
||||||
<div className="grid-option-tit">
|
<div className="grid-option-tit">
|
||||||
間隔を設定し、コピー方向を選択します。
|
間隔を設定し、コピー方向を選択します。
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@ -9,8 +9,6 @@ export default function AdditionalColumnMove(){
|
|||||||
<button className="modal-close">닫기</button>
|
<button className="modal-close">닫기</button>
|
||||||
</div>
|
</div>
|
||||||
<div className="modal-body">
|
<div className="modal-body">
|
||||||
<div className="left-bar handle"></div>
|
|
||||||
<div className="right-bar handle"></div>
|
|
||||||
<div className="grid-option-tit">
|
<div className="grid-option-tit">
|
||||||
間隔を設定し、移動方向を選択します。
|
間隔を設定し、移動方向を選択します。
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@ -9,8 +9,6 @@ export default function AdditionalCopy(){
|
|||||||
<button className="modal-close">닫기</button>
|
<button className="modal-close">닫기</button>
|
||||||
</div>
|
</div>
|
||||||
<div className="modal-body">
|
<div className="modal-body">
|
||||||
<div className="left-bar handle"></div>
|
|
||||||
<div className="right-bar handle"></div>
|
|
||||||
<div className="grid-option-tit">
|
<div className="grid-option-tit">
|
||||||
間隔を設定し、コピー方向を選択します。
|
間隔を設定し、コピー方向を選択します。
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@ -9,8 +9,6 @@ export default function AdditionalMove(){
|
|||||||
<button className="modal-close">닫기</button>
|
<button className="modal-close">닫기</button>
|
||||||
</div>
|
</div>
|
||||||
<div className="modal-body">
|
<div className="modal-body">
|
||||||
<div className="left-bar handle"></div>
|
|
||||||
<div className="right-bar handle"></div>
|
|
||||||
<div className="grid-option-tit">
|
<div className="grid-option-tit">
|
||||||
間隔を設定し、移動方向を選択します。
|
間隔を設定し、移動方向を選択します。
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@ -9,8 +9,6 @@ export default function AllModuleCopy(){
|
|||||||
<button className="modal-close">닫기</button>
|
<button className="modal-close">닫기</button>
|
||||||
</div>
|
</div>
|
||||||
<div className="modal-body">
|
<div className="modal-body">
|
||||||
<div className="left-bar handle"></div>
|
|
||||||
<div className="right-bar handle"></div>
|
|
||||||
<div className="grid-option-tit">
|
<div className="grid-option-tit">
|
||||||
間隔を設定し、コピー方向を選択します。
|
間隔を設定し、コピー方向を選択します。
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@ -9,8 +9,6 @@ export default function AllModuleMove(){
|
|||||||
<button className="modal-close">닫기</button>
|
<button className="modal-close">닫기</button>
|
||||||
</div>
|
</div>
|
||||||
<div className="modal-body">
|
<div className="modal-body">
|
||||||
<div className="left-bar handle"></div>
|
|
||||||
<div className="right-bar handle"></div>
|
|
||||||
<div className="grid-option-tit">
|
<div className="grid-option-tit">
|
||||||
間隔を設定し、移動方向を選択します。
|
間隔を設定し、移動方向を選択します。
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@ -9,8 +9,6 @@ export default function AllModuleNumChange(){
|
|||||||
<button className="modal-close">닫기</button>
|
<button className="modal-close">닫기</button>
|
||||||
</div>
|
</div>
|
||||||
<div className="modal-body">
|
<div className="modal-body">
|
||||||
<div className="left-bar handle"></div>
|
|
||||||
<div className="right-bar handle"></div>
|
|
||||||
<div className="grid-option-tit">
|
<div className="grid-option-tit">
|
||||||
回路番号を入力してください。
|
回路番号を入力してください。
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@ -17,8 +17,6 @@ export default function AdditionalBundleDelete(){
|
|||||||
<button className="modal-close">닫기</button>
|
<button className="modal-close">닫기</button>
|
||||||
</div>
|
</div>
|
||||||
<div className="modal-body">
|
<div className="modal-body">
|
||||||
<div className="left-bar handle"></div>
|
|
||||||
<div className="right-bar handle"></div>
|
|
||||||
<div className="properties-setting-wrap">
|
<div className="properties-setting-wrap">
|
||||||
<div className="setting-tit">削除列をどのようにしますか?</div>
|
<div className="setting-tit">削除列をどのようにしますか?</div>
|
||||||
<div className="additional-wrap">
|
<div className="additional-wrap">
|
||||||
|
|||||||
@ -17,8 +17,6 @@ export default function AdditionalBundleEdit(){
|
|||||||
<button className="modal-close">닫기</button>
|
<button className="modal-close">닫기</button>
|
||||||
</div>
|
</div>
|
||||||
<div className="modal-body">
|
<div className="modal-body">
|
||||||
<div className="left-bar handle"></div>
|
|
||||||
<div className="right-bar handle"></div>
|
|
||||||
<div className="properties-setting-wrap">
|
<div className="properties-setting-wrap">
|
||||||
<div className="setting-tit">挿入する方向を選択してください。</div>
|
<div className="setting-tit">挿入する方向を選択してください。</div>
|
||||||
<div className="additional-wrap">
|
<div className="additional-wrap">
|
||||||
|
|||||||
@ -17,8 +17,6 @@ export default function AdditionalColumnDelete(){
|
|||||||
<button className="modal-close">닫기</button>
|
<button className="modal-close">닫기</button>
|
||||||
</div>
|
</div>
|
||||||
<div className="modal-body">
|
<div className="modal-body">
|
||||||
<div className="left-bar handle"></div>
|
|
||||||
<div className="right-bar handle"></div>
|
|
||||||
<div className="properties-setting-wrap">
|
<div className="properties-setting-wrap">
|
||||||
<div className="setting-tit">削除列をどのようにしますか?</div>
|
<div className="setting-tit">削除列をどのようにしますか?</div>
|
||||||
<div className="additional-wrap">
|
<div className="additional-wrap">
|
||||||
|
|||||||
@ -17,8 +17,6 @@ export default function AdditionalColumnEdit(){
|
|||||||
<button className="modal-close">닫기</button>
|
<button className="modal-close">닫기</button>
|
||||||
</div>
|
</div>
|
||||||
<div className="modal-body">
|
<div className="modal-body">
|
||||||
<div className="left-bar handle"></div>
|
|
||||||
<div className="right-bar handle"></div>
|
|
||||||
<div className="properties-setting-wrap">
|
<div className="properties-setting-wrap">
|
||||||
<div className="setting-tit">挿入する方向を選択してください。</div>
|
<div className="setting-tit">挿入する方向を選択してください。</div>
|
||||||
<div className="additional-wrap">
|
<div className="additional-wrap">
|
||||||
|
|||||||
@ -16,8 +16,6 @@ export default function ArrangementSetting(){
|
|||||||
<button className="modal-close">닫기</button>
|
<button className="modal-close">닫기</button>
|
||||||
</div>
|
</div>
|
||||||
<div className="modal-body">
|
<div className="modal-body">
|
||||||
<div className="left-bar handle"></div>
|
|
||||||
<div className="right-bar handle"></div>
|
|
||||||
<div className="modal-btn-wrap">
|
<div className="modal-btn-wrap">
|
||||||
<button
|
<button
|
||||||
className={`btn-frame modal ${buttonAct === 1 ? 'act' : ''}`}
|
className={`btn-frame modal ${buttonAct === 1 ? 'act' : ''}`}
|
||||||
|
|||||||
@ -25,8 +25,6 @@ export default function AuxiliarylineOption(){
|
|||||||
<button className="modal-close">닫기</button>
|
<button className="modal-close">닫기</button>
|
||||||
</div>
|
</div>
|
||||||
<div className="modal-body">
|
<div className="modal-body">
|
||||||
<div className="left-bar handle"></div>
|
|
||||||
<div className="right-bar handle"></div>
|
|
||||||
<div className="modal-btn-wrap">
|
<div className="modal-btn-wrap">
|
||||||
{buttonMenu.map((item) => (
|
{buttonMenu.map((item) => (
|
||||||
<button
|
<button
|
||||||
|
|||||||
@ -9,8 +9,6 @@ export default function AuxiliaryCopy(){
|
|||||||
<button className="modal-close">닫기</button>
|
<button className="modal-close">닫기</button>
|
||||||
</div>
|
</div>
|
||||||
<div className="modal-body">
|
<div className="modal-body">
|
||||||
<div className="left-bar handle"></div>
|
|
||||||
<div className="right-bar handle"></div>
|
|
||||||
<div className="grid-option-tit">
|
<div className="grid-option-tit">
|
||||||
コピーする方向を入力してください
|
コピーする方向を入力してください
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@ -9,8 +9,6 @@ export default function AuxiliaryMove(){
|
|||||||
<button className="modal-close">닫기</button>
|
<button className="modal-close">닫기</button>
|
||||||
</div>
|
</div>
|
||||||
<div className="modal-body">
|
<div className="modal-body">
|
||||||
<div className="left-bar handle"></div>
|
|
||||||
<div className="right-bar handle"></div>
|
|
||||||
<div className="grid-option-tit">
|
<div className="grid-option-tit">
|
||||||
移動する方向を入力してください
|
移動する方向を入力してください
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@ -9,8 +9,6 @@ export default function AuxiliarySize(){
|
|||||||
<button className="modal-close">닫기</button>
|
<button className="modal-close">닫기</button>
|
||||||
</div>
|
</div>
|
||||||
<div className="modal-body">
|
<div className="modal-body">
|
||||||
<div className="left-bar handle"></div>
|
|
||||||
<div className="right-bar handle"></div>
|
|
||||||
<div className="discrimination-box mb10">
|
<div className="discrimination-box mb10">
|
||||||
<div className="d-check-radio pop mb10">
|
<div className="d-check-radio pop mb10">
|
||||||
<input type="radio" name="radio01" id="ra01" />
|
<input type="radio" name="radio01" id="ra01" />
|
||||||
|
|||||||
@ -10,8 +10,6 @@ export default function ColorSelect (){
|
|||||||
<button className="modal-close">닫기</button>
|
<button className="modal-close">닫기</button>
|
||||||
</div>
|
</div>
|
||||||
<div className="modal-body">
|
<div className="modal-body">
|
||||||
<div className="left-bar handle"></div>
|
|
||||||
<div className="right-bar handle"></div>
|
|
||||||
<div className="color-setting-wrap">
|
<div className="color-setting-wrap">
|
||||||
<div className="color-tit">COLOR PICKER</div>
|
<div className="color-tit">COLOR PICKER</div>
|
||||||
<div className="color-picker">
|
<div className="color-picker">
|
||||||
|
|||||||
@ -14,8 +14,6 @@ export default function DisplayChange(){
|
|||||||
<button className="modal-close">닫기</button>
|
<button className="modal-close">닫기</button>
|
||||||
</div>
|
</div>
|
||||||
<div className="modal-body">
|
<div className="modal-body">
|
||||||
<div className="left-bar handle"></div>
|
|
||||||
<div className="right-bar handle"></div>
|
|
||||||
<div className="guide">
|
<div className="guide">
|
||||||
寸法線に表示する数値を入力してください
|
寸法線に表示する数値を入力してください
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@ -9,8 +9,6 @@ export default function DistanceMeasurement01(){
|
|||||||
<button className="modal-close">닫기</button>
|
<button className="modal-close">닫기</button>
|
||||||
</div>
|
</div>
|
||||||
<div className="modal-body">
|
<div className="modal-body">
|
||||||
<div className="left-bar handle"></div>
|
|
||||||
<div className="right-bar handle"></div>
|
|
||||||
<div className="slope-wrap">
|
<div className="slope-wrap">
|
||||||
<div className="outline-form">
|
<div className="outline-form">
|
||||||
<span className="mr10" style={{width: 'auto'}}>水平距離</span>
|
<span className="mr10" style={{width: 'auto'}}>水平距離</span>
|
||||||
|
|||||||
@ -9,8 +9,6 @@ export default function DistanceMeasurement02(){
|
|||||||
<button className="modal-close">닫기</button>
|
<button className="modal-close">닫기</button>
|
||||||
</div>
|
</div>
|
||||||
<div className="modal-body">
|
<div className="modal-body">
|
||||||
<div className="left-bar handle"></div>
|
|
||||||
<div className="right-bar handle"></div>
|
|
||||||
<div className="slope-wrap">
|
<div className="slope-wrap">
|
||||||
<div className="eaves-keraba-table">
|
<div className="eaves-keraba-table">
|
||||||
<div className="eaves-keraba-item">
|
<div className="eaves-keraba-item">
|
||||||
|
|||||||
@ -9,8 +9,6 @@ export default function DistanceMeasurement03(){
|
|||||||
<button className="modal-close">닫기</button>
|
<button className="modal-close">닫기</button>
|
||||||
</div>
|
</div>
|
||||||
<div className="modal-body">
|
<div className="modal-body">
|
||||||
<div className="left-bar handle"></div>
|
|
||||||
<div className="right-bar handle"></div>
|
|
||||||
<div className="slope-wrap">
|
<div className="slope-wrap">
|
||||||
<div className="outline-form">
|
<div className="outline-form">
|
||||||
<span className="mr10" style={{width: 'auto'}}>垂直距離</span>
|
<span className="mr10" style={{width: 'auto'}}>垂直距離</span>
|
||||||
|
|||||||
@ -16,8 +16,6 @@ export default function DrawingFlow(){
|
|||||||
<button className="modal-close">닫기</button>
|
<button className="modal-close">닫기</button>
|
||||||
</div>
|
</div>
|
||||||
<div className="modal-body">
|
<div className="modal-body">
|
||||||
<div className="left-bar handle"></div>
|
|
||||||
<div className="right-bar handle"></div>
|
|
||||||
<div className="drawing-flow-wrap">
|
<div className="drawing-flow-wrap">
|
||||||
<div className="discrimination-box">
|
<div className="discrimination-box">
|
||||||
<div className="discrimination-tit mb15">流れ方向の設定</div>
|
<div className="discrimination-tit mb15">流れ方向の設定</div>
|
||||||
|
|||||||
@ -9,8 +9,6 @@ export default function EachPropertyChange() {
|
|||||||
<button className="modal-close">닫기</button>
|
<button className="modal-close">닫기</button>
|
||||||
</div>
|
</div>
|
||||||
<div className="modal-body">
|
<div className="modal-body">
|
||||||
<div className="left-bar handle"></div>
|
|
||||||
<div className="right-bar handle"></div>
|
|
||||||
<div className="guide">
|
<div className="guide">
|
||||||
<span className="mb10">属性を変更する辺を選択してください。</span>
|
<span className="mb10">属性を変更する辺を選択してください。</span>
|
||||||
<span>選択した値 [龍丸]</span>
|
<span>選択した値 [龍丸]</span>
|
||||||
|
|||||||
@ -23,8 +23,6 @@ export default function EvaseKerabaOption(){
|
|||||||
<button className="modal-close">닫기</button>
|
<button className="modal-close">닫기</button>
|
||||||
</div>
|
</div>
|
||||||
<div className="modal-body">
|
<div className="modal-body">
|
||||||
<div className="left-bar handle"></div>
|
|
||||||
<div className="right-bar handle"></div>
|
|
||||||
<div className="modal-btn-wrap">
|
<div className="modal-btn-wrap">
|
||||||
{buttonMenu.map((item) => (
|
{buttonMenu.map((item) => (
|
||||||
<button
|
<button
|
||||||
|
|||||||
@ -12,8 +12,6 @@ export default function FontOption(){
|
|||||||
<button className="modal-close">닫기</button>
|
<button className="modal-close">닫기</button>
|
||||||
</div>
|
</div>
|
||||||
<div className="modal-body">
|
<div className="modal-body">
|
||||||
<div className="left-bar handle"></div>
|
|
||||||
<div className="right-bar handle"></div>
|
|
||||||
<div className="slope-wrap">
|
<div className="slope-wrap">
|
||||||
<div className="font-option-warp">
|
<div className="font-option-warp">
|
||||||
<div className="font-option-item">
|
<div className="font-option-item">
|
||||||
|
|||||||
@ -13,8 +13,6 @@ export default function LineOption(){
|
|||||||
<button className="modal-close">닫기</button>
|
<button className="modal-close">닫기</button>
|
||||||
</div>
|
</div>
|
||||||
<div className="modal-body">
|
<div className="modal-body">
|
||||||
<div className="left-bar handle"></div>
|
|
||||||
<div className="right-bar handle"></div>
|
|
||||||
<div className="font-btn-wrap">
|
<div className="font-btn-wrap">
|
||||||
<button className="btn-frame modal">フォント設定</button>
|
<button className="btn-frame modal">フォント設定</button>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@ -9,8 +9,6 @@ export default function ShapeSizeOption(){
|
|||||||
<button className="modal-close">닫기</button>
|
<button className="modal-close">닫기</button>
|
||||||
</div>
|
</div>
|
||||||
<div className="modal-body">
|
<div className="modal-body">
|
||||||
<div className="left-bar handle"></div>
|
|
||||||
<div className="right-bar handle"></div>
|
|
||||||
<div className="slope-wrap">
|
<div className="slope-wrap">
|
||||||
<div className="outline-form mb10">
|
<div className="outline-form mb10">
|
||||||
<span style={{width: 'auto'}}>ガロ</span>
|
<span style={{width: 'auto'}}>ガロ</span>
|
||||||
|
|||||||
@ -24,8 +24,6 @@ export default function GridCopy() {
|
|||||||
<button className="modal-close" onClick={HandleClickClose}>닫기</button>
|
<button className="modal-close" onClick={HandleClickClose}>닫기</button>
|
||||||
</div>
|
</div>
|
||||||
<div className="modal-body">
|
<div className="modal-body">
|
||||||
<div className="left-bar handle"></div>
|
|
||||||
<div className="right-bar handle"></div>
|
|
||||||
<div className="grid-option-tit">
|
<div className="grid-option-tit">
|
||||||
間隔を設定し、コピー方向を選択します
|
間隔を設定し、コピー方向を選択します
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@ -24,8 +24,6 @@ export default function GridMove() {
|
|||||||
<button className="modal-close" onClick={HandleClickClose}>닫기</button>
|
<button className="modal-close" onClick={HandleClickClose}>닫기</button>
|
||||||
</div>
|
</div>
|
||||||
<div className="modal-body">
|
<div className="modal-body">
|
||||||
<div className="left-bar handle"></div>
|
|
||||||
<div className="right-bar handle"></div>
|
|
||||||
<div className="grid-option-tit">
|
<div className="grid-option-tit">
|
||||||
移動する方向を入力してください
|
移動する方向を入力してください
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@ -29,8 +29,6 @@ export default function GridOption() {
|
|||||||
<button className="modal-close" onClick={HandleClickClose}>닫기</button>
|
<button className="modal-close" onClick={HandleClickClose}>닫기</button>
|
||||||
</div>
|
</div>
|
||||||
<div className="modal-body">
|
<div className="modal-body">
|
||||||
<div className="left-bar handle"></div>
|
|
||||||
<div className="right-bar handle"></div>
|
|
||||||
<div className="grid-check-form">
|
<div className="grid-check-form">
|
||||||
<div className="d-check-box pop">
|
<div className="d-check-box pop">
|
||||||
<input type="checkbox" id="ch01" />
|
<input type="checkbox" id="ch01" />
|
||||||
|
|||||||
@ -14,8 +14,6 @@ export default function HexagonalRoofOption(){
|
|||||||
<button className="modal-close">닫기</button>
|
<button className="modal-close">닫기</button>
|
||||||
</div>
|
</div>
|
||||||
<div className="modal-body">
|
<div className="modal-body">
|
||||||
<div className="left-bar handle"></div>
|
|
||||||
<div className="right-bar handle"></div>
|
|
||||||
<div className="roof-module-tab">
|
<div className="roof-module-tab">
|
||||||
<div className={`module-tab-bx ${tabNum === 1 || tabNum === 2 || tabNum === 3 ? 'act': ''}`}>防衛設定</div>
|
<div className={`module-tab-bx ${tabNum === 1 || tabNum === 2 || tabNum === 3 ? 'act': ''}`}>防衛設定</div>
|
||||||
<span className={`tab-arr ${ tabNum === 2 || tabNum === 3 ? 'act': ''}`}></span>
|
<span className={`tab-arr ${ tabNum === 2 || tabNum === 3 ? 'act': ''}`}></span>
|
||||||
|
|||||||
@ -11,8 +11,6 @@ export default function ImageSize(){
|
|||||||
<button className="modal-close">닫기</button>
|
<button className="modal-close">닫기</button>
|
||||||
</div>
|
</div>
|
||||||
<div className="modal-body">
|
<div className="modal-body">
|
||||||
<div className="left-bar handle"></div>
|
|
||||||
<div className="right-bar handle"></div>
|
|
||||||
<div className="range-wrap">
|
<div className="range-wrap">
|
||||||
<input type="range" id="size" name="volume" min="20" max="200" step={10} value={sizeValue} onChange={(e) => setSizeValue(e.target.value)}/>
|
<input type="range" id="size" name="volume" min="20" max="200" step={10} value={sizeValue} onChange={(e) => setSizeValue(e.target.value)}/>
|
||||||
<label htmlFor="size">{sizeValue}%</label>
|
<label htmlFor="size">{sizeValue}%</label>
|
||||||
|
|||||||
@ -9,8 +9,6 @@ export default function ImgLoad(){
|
|||||||
<button className="modal-close">닫기</button>
|
<button className="modal-close">닫기</button>
|
||||||
</div>
|
</div>
|
||||||
<div className="modal-body">
|
<div className="modal-body">
|
||||||
<div className="left-bar handle"></div>
|
|
||||||
<div className="right-bar handle"></div>
|
|
||||||
<div className="img-flex-box">
|
<div className="img-flex-box">
|
||||||
<span className="normal-font mr10">サイズ調整と回転</span>
|
<span className="normal-font mr10">サイズ調整と回転</span>
|
||||||
<label className="toggle-btn">
|
<label className="toggle-btn">
|
||||||
|
|||||||
@ -20,8 +20,6 @@ export default function ManualRoofShape(){
|
|||||||
<button className="modal-close">닫기</button>
|
<button className="modal-close">닫기</button>
|
||||||
</div>
|
</div>
|
||||||
<div className="modal-body">
|
<div className="modal-body">
|
||||||
<div className="left-bar handle"></div>
|
|
||||||
<div className="right-bar handle"></div>
|
|
||||||
<div className="modal-btn-wrap">
|
<div className="modal-btn-wrap">
|
||||||
{buttonMenu.map((item) => (
|
{buttonMenu.map((item) => (
|
||||||
<button
|
<button
|
||||||
|
|||||||
@ -9,8 +9,6 @@ export default function MeasuredValueOption(){
|
|||||||
<button className="modal-close">닫기</button>
|
<button className="modal-close">닫기</button>
|
||||||
</div>
|
</div>
|
||||||
<div className="modal-body">
|
<div className="modal-body">
|
||||||
<div className="left-bar handle"></div>
|
|
||||||
<div className="right-bar handle"></div>
|
|
||||||
<div className="guide">
|
<div className="guide">
|
||||||
<span>※隅棟・谷・棟の実際の寸法を入力してください。</span>
|
<span>※隅棟・谷・棟の実際の寸法を入力してください。</span>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@ -19,8 +19,6 @@ export default function MovingUpDonw(){
|
|||||||
<button className="modal-close">닫기</button>
|
<button className="modal-close">닫기</button>
|
||||||
</div>
|
</div>
|
||||||
<div className="modal-body">
|
<div className="modal-body">
|
||||||
<div className="left-bar handle"></div>
|
|
||||||
<div className="right-bar handle"></div>
|
|
||||||
<div className="modal-btn-wrap">
|
<div className="modal-btn-wrap">
|
||||||
{buttonMenu.map((item) => (
|
{buttonMenu.map((item) => (
|
||||||
<button
|
<button
|
||||||
|
|||||||
@ -22,8 +22,6 @@ export default function ObjectOption(){
|
|||||||
<button className="modal-close">닫기</button>
|
<button className="modal-close">닫기</button>
|
||||||
</div>
|
</div>
|
||||||
<div className="modal-body">
|
<div className="modal-body">
|
||||||
<div className="left-bar handle"></div>
|
|
||||||
<div className="right-bar handle"></div>
|
|
||||||
<div className="modal-btn-wrap">
|
<div className="modal-btn-wrap">
|
||||||
{buttonMenu.map((item) => (
|
{buttonMenu.map((item) => (
|
||||||
<button
|
<button
|
||||||
|
|||||||
@ -30,8 +30,6 @@ export default function OuterLineWall (){
|
|||||||
<button className="modal-close" onClick={HandleClickClose}>닫기</button>
|
<button className="modal-close" onClick={HandleClickClose}>닫기</button>
|
||||||
</div>
|
</div>
|
||||||
<div className="modal-body">
|
<div className="modal-body">
|
||||||
<div className="left-bar handle"></div>
|
|
||||||
<div className="right-bar handle"></div>
|
|
||||||
<div className="modal-btn-wrap">
|
<div className="modal-btn-wrap">
|
||||||
<button
|
<button
|
||||||
className={`btn-frame modal ${buttonAct === 1 ? 'act' : ''}`}
|
className={`btn-frame modal ${buttonAct === 1 ? 'act' : ''}`}
|
||||||
|
|||||||
@ -20,8 +20,6 @@ export default function OuterWallOffset(){
|
|||||||
<button className="modal-close">닫기</button>
|
<button className="modal-close">닫기</button>
|
||||||
</div>
|
</div>
|
||||||
<div className="modal-body">
|
<div className="modal-body">
|
||||||
<div className="left-bar handle"></div>
|
|
||||||
<div className="right-bar handle"></div>
|
|
||||||
<div className="modal-btn-wrap">
|
<div className="modal-btn-wrap">
|
||||||
{buttonMenu.map((item) => (
|
{buttonMenu.map((item) => (
|
||||||
<button
|
<button
|
||||||
|
|||||||
@ -33,8 +33,6 @@ export default function PlaneShapeOption(){
|
|||||||
<button className="modal-close">닫기</button>
|
<button className="modal-close">닫기</button>
|
||||||
</div>
|
</div>
|
||||||
<div className="modal-body">
|
<div className="modal-body">
|
||||||
<div className="left-bar handle"></div>
|
|
||||||
<div className="right-bar handle"></div>
|
|
||||||
<div className="plane-frame-wrap">
|
<div className="plane-frame-wrap">
|
||||||
<div className="plane-shape-wrap">
|
<div className="plane-shape-wrap">
|
||||||
<div className="plane-shape-menu">
|
<div className="plane-shape-menu">
|
||||||
|
|||||||
@ -17,8 +17,6 @@ export default function RoofAllocation() {
|
|||||||
<button className="modal-close">닫기</button>
|
<button className="modal-close">닫기</button>
|
||||||
</div>
|
</div>
|
||||||
<div className="modal-body">
|
<div className="modal-body">
|
||||||
<div className="left-bar handle"></div>
|
|
||||||
<div className="right-bar handle"></div>
|
|
||||||
<div className="properties-guide">
|
<div className="properties-guide">
|
||||||
※配置面初期設定で保存した[基本屋根材]を変更したり、屋根材を追加して割り当てることができます。
|
※配置面初期設定で保存した[基本屋根材]を変更したり、屋根材を追加して割り当てることができます。
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@ -14,8 +14,6 @@ export default function RoofModuleOption(){
|
|||||||
<button className="modal-close">닫기</button>
|
<button className="modal-close">닫기</button>
|
||||||
</div>
|
</div>
|
||||||
<div className="modal-body">
|
<div className="modal-body">
|
||||||
<div className="left-bar handle"></div>
|
|
||||||
<div className="right-bar handle"></div>
|
|
||||||
<div className="roof-module-tab">
|
<div className="roof-module-tab">
|
||||||
<div className={`module-tab-bx ${tabNum === 1 || tabNum === 2 || tabNum === 3 ? 'act': ''}`}>防衛設定</div>
|
<div className={`module-tab-bx ${tabNum === 1 || tabNum === 2 || tabNum === 3 ? 'act': ''}`}>防衛設定</div>
|
||||||
<span className={`tab-arr ${ tabNum === 2 || tabNum === 3 ? 'act': ''}`}></span>
|
<span className={`tab-arr ${ tabNum === 2 || tabNum === 3 ? 'act': ''}`}></span>
|
||||||
|
|||||||
@ -14,8 +14,6 @@ export default function RoofSelect(){
|
|||||||
<button className="modal-close">닫기</button>
|
<button className="modal-close">닫기</button>
|
||||||
</div>
|
</div>
|
||||||
<div className="modal-body">
|
<div className="modal-body">
|
||||||
<div className="left-bar handle"></div>
|
|
||||||
<div className="right-bar handle"></div>
|
|
||||||
<div className="slope-wrap">
|
<div className="slope-wrap">
|
||||||
<div className="grid-select">
|
<div className="grid-select">
|
||||||
<Qselect title={'53A'} option={SelectOption}/>
|
<Qselect title={'53A'} option={SelectOption}/>
|
||||||
|
|||||||
@ -28,8 +28,6 @@ export default function RoofShapeOption() {
|
|||||||
<button className="modal-close">닫기</button>
|
<button className="modal-close">닫기</button>
|
||||||
</div>
|
</div>
|
||||||
<div className="modal-body">
|
<div className="modal-body">
|
||||||
<div className="left-bar handle"></div>
|
|
||||||
<div className="right-bar handle"></div>
|
|
||||||
<div className="roof-shape-menu">
|
<div className="roof-shape-menu">
|
||||||
{shapeMenu.map((item) => (
|
{shapeMenu.map((item) => (
|
||||||
<button key={item.id} className={`shape-menu-box ${shapeNum === item.id ? 'act': ''}`} onClick={() => setShapeNum(item.id)}>
|
<button key={item.id} className={`shape-menu-box ${shapeNum === item.id ? 'act': ''}`} onClick={() => setShapeNum(item.id)}>
|
||||||
|
|||||||
@ -39,8 +39,6 @@ export default function SettingModal01 (){
|
|||||||
<button className="modal-close" onClick={HandleClickClose}>닫기</button>
|
<button className="modal-close" onClick={HandleClickClose}>닫기</button>
|
||||||
</div>
|
</div>
|
||||||
<div className="modal-body">
|
<div className="modal-body">
|
||||||
<div className="left-bar handle"></div>
|
|
||||||
<div className="right-bar handle"></div>
|
|
||||||
<div className="modal-btn-wrap">
|
<div className="modal-btn-wrap">
|
||||||
<button
|
<button
|
||||||
className={`btn-frame modal ${buttonAct === 1 ? 'act' : ''}`}
|
className={`btn-frame modal ${buttonAct === 1 ? 'act' : ''}`}
|
||||||
|
|||||||
@ -11,8 +11,6 @@ export default function SizeChange(){
|
|||||||
<button className="modal-close">닫기</button>
|
<button className="modal-close">닫기</button>
|
||||||
</div>
|
</div>
|
||||||
<div className="modal-body">
|
<div className="modal-body">
|
||||||
<div className="left-bar handle"></div>
|
|
||||||
<div className="right-bar handle"></div>
|
|
||||||
<div className="slope-wrap">
|
<div className="slope-wrap">
|
||||||
<div className="size-option-top">
|
<div className="size-option-top">
|
||||||
<div className="size-option-wrap">
|
<div className="size-option-wrap">
|
||||||
|
|||||||
@ -9,8 +9,6 @@ export default function SlopeOption (){
|
|||||||
<button className="modal-close">닫기</button>
|
<button className="modal-close">닫기</button>
|
||||||
</div>
|
</div>
|
||||||
<div className="modal-body">
|
<div className="modal-body">
|
||||||
<div className="left-bar handle"></div>
|
|
||||||
<div className="right-bar handle"></div>
|
|
||||||
<div className="slope-wrap">
|
<div className="slope-wrap">
|
||||||
<div className="outline-form">
|
<div className="outline-form">
|
||||||
<span className="mr10" style={{width: 'auto'}}>斜傾</span>
|
<span className="mr10" style={{width: 'auto'}}>斜傾</span>
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user