diff --git a/src/app/canvas/page.jsx b/src/app/canvas/page.jsx
index 7a409f0..bee72a7 100644
--- a/src/app/canvas/page.jsx
+++ b/src/app/canvas/page.jsx
@@ -63,6 +63,7 @@ import ShapeSizeOption from '@/components/canvas/modal/font_lineoption/ShapeSize
import RoofSelect from '@/components/canvas/modal/roofselect/RoofSelect'
import SizeChange from '@/components/canvas/modal/sizechange/SizeChang'
import Footer from '@/components/layout/Footer'
+import ImageSize from '@/components/canvas/modal/imagesize/ImageSize'
export default function CanvasPage() {
const modalOption = useRecoilValue(modalState);
@@ -89,7 +90,7 @@ export default function CanvasPage() {
{/* */}
{/* 캔버스 기본 셋팅 */}
- {/* {modalOption.option && } */}
+ {modalOption.option && }
{/* 점·선 그리드 설정 */}
{/* {modalOption.gridoption && } */}
@@ -195,6 +196,9 @@ export default function CanvasPage() {
{/* 사이즈 변경 */}
{/* */}
+
+ {/* 이미지 크기 조절 */}
+
{menuValue === 5 && }
diff --git a/src/components/canvas/modal/imagesize/ImageSize.jsx b/src/components/canvas/modal/imagesize/ImageSize.jsx
new file mode 100644
index 0000000..4c1ca9a
--- /dev/null
+++ b/src/components/canvas/modal/imagesize/ImageSize.jsx
@@ -0,0 +1,22 @@
+import WithDraggable from "@/components/common/draggable/withDraggable";
+import { useState } from "react";
+
+export default function ImageSize(){
+ const [sizeValue, setSizeValue] = useState(100)
+ return(
+
+
+
+
画像のサイズ変更
+
+
+
+
+ setSizeValue(e.target.value)}/>
+
+
+
+
+
+ )
+}
\ No newline at end of file
diff --git a/src/components/canvas/modal/settoing01/FirstOption.jsx b/src/components/canvas/modal/settoing01/FirstOption.jsx
index 111963c..f51bb69 100644
--- a/src/components/canvas/modal/settoing01/FirstOption.jsx
+++ b/src/components/canvas/modal/settoing01/FirstOption.jsx
@@ -7,7 +7,8 @@ const buttonList01 = [
{id: 6, name: '回路番号表示'},
{id: 7, name: '流れ方向表示'},
{id: 8, name: '架台表示'},
- {id: 9, name: '集計表表示'},
+ {id: 9, name: '画像表示'},
+ {id: 10, name: '集計表表示'},
]
const buttonList02 = [
{id: 1, name: 'ボーダーのみ'},
diff --git a/src/components/publishpage/PublishPage.jsx b/src/components/publishpage/PublishPage.jsx
index c97df05..7eb6c8f 100644
--- a/src/components/publishpage/PublishPage.jsx
+++ b/src/components/publishpage/PublishPage.jsx
@@ -142,8 +142,14 @@ export default function PublishPage() {
|
- |
- 2024-10-11 |
+
+
+ - 2024-10-28
+ - canvas-setting pop 수정
+ - 이미지 크기조절 pop 추가
+
+ |
+ 2024-10-28 |
|
diff --git a/src/styles/_modal.scss b/src/styles/_modal.scss
index 9dc39b6..62fad51 100644
--- a/src/styles/_modal.scss
+++ b/src/styles/_modal.scss
@@ -1788,4 +1788,22 @@ $alert-color: #101010;
flex: none;
}
}
+}
+
+//이미지 크기 설정
+.range-wrap{
+ display: flex;
+ align-items: center;
+ input{
+ flex: 1;
+ margin-right: 10px;
+ }
+ label{
+ flex: none;
+ text-align: right;
+ width: 35px;
+ font-size: 13px;
+ color: #fff;
+ font-weight: 500;
+ }
}
\ No newline at end of file
|