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( + +
+
+

各辺属性の変更

+ +
+
+
+ 属性を変更する辺を選択してください。 + 選択した値 [龍丸] +
+
+
設定
+
+
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+
+
+
+ +
+
+
+
+ ) +} \ 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