diff --git a/src/app/canvas/page.jsx b/src/app/canvas/page.jsx index 2e4cba7..535051c 100644 --- a/src/app/canvas/page.jsx +++ b/src/app/canvas/page.jsx @@ -11,6 +11,7 @@ import DisplayChange from '@/components/canvas/modal/displaychange/DisplayChange import DistanceMeasurement01 from '@/components/canvas/modal/distancemeasurement/DistanceMeasurement01' import DistanceMeasurement02 from '@/components/canvas/modal/distancemeasurement/DistanceMeasurement02' import DistanceMeasurement03 from '@/components/canvas/modal/distancemeasurement/DistanceMeasurement03' +import EachPropertyChange from '@/components/canvas/modal/eachpropertychange/EachPropertyChange' import EvaseKerabaOption from '@/components/canvas/modal/eaves_keraba/EavesKerabaOption' import GridCopy from '@/components/canvas/modal/gridoption/GridCopy' import GridMove from '@/components/canvas/modal/gridoption/GridMove' @@ -109,6 +110,7 @@ export default function CanvasPage() { {/* */} {/* 각 변 속성 변경 */} + diff --git a/src/components/canvas/modal/eachpropertychange/EachPropertyChange.jsx b/src/components/canvas/modal/eachpropertychange/EachPropertyChange.jsx new file mode 100644 index 0000000..11f0a22 --- /dev/null +++ b/src/components/canvas/modal/eachpropertychange/EachPropertyChange.jsx @@ -0,0 +1,94 @@ +import WithDraggable from "@/components/common/draggable/withDraggable"; + +export default function EachPropertyChange() { + return( + + + + 各辺属性の変更 + 닫기 + + + + 属性を変更する辺を選択してください。 + 選択した値 [龍丸] + + + 設定 + + + + + 軒先 + + + + ケラバ + + + + 龍丸 + + + + ケラバ左 + + + + ヨセムネ + + + + ケラバ右 + + + + 片側の流れ + + + + 谷 + + + + 壁取り + + + + Lの捨て渓谷 + + + + 壁取り(型) + + + + マンサード + + + + 壁取合(流れ) + + + + 設定なし + + + + 壁取合(流れ左) + + + + 壁取り(流れ右) + + + + + + 保存 + + + + + ) +} \ No newline at end of file diff --git a/src/styles/_modal.scss b/src/styles/_modal.scss index aff58be..9f438cc 100644 --- a/src/styles/_modal.scss +++ b/src/styles/_modal.scss @@ -675,6 +675,9 @@ $alert-color: #101010; &.sm{ margin-bottom: 15px; } + span{ + display: block; + } } // 지붕면 할당 @@ -1011,4 +1014,11 @@ $alert-color: #101010; font-size: $pop-normal-size; font-weight: $pop-normal-weight; color: #FFAFAF; +} + +// 각 변 속성 변경 +.radio-grid-wrap{ + display: grid; + grid-template-columns: repeat(3, 1fr); + gap: 24px 15px; } \ No newline at end of file