41 lines
2.0 KiB
JavaScript
41 lines
2.0 KiB
JavaScript
import WithDraggable from "@/components/common/draggable/withDraggable";
|
|
|
|
export default function AdditionalMove(){
|
|
return(
|
|
<WithDraggable isShow={true} size={'xm'}>
|
|
<div className="modal-head handle">
|
|
<h1 className="title">移動設定 </h1>
|
|
<button className="modal-close">닫기</button>
|
|
</div>
|
|
<div className="modal-body">
|
|
<div className="left-bar handle"></div>
|
|
<div className="right-bar handle"></div>
|
|
<div className="grid-option-tit">
|
|
間隔を設定し、移動方向を選択します。
|
|
</div>
|
|
<div className="grid-option-wrap">
|
|
<div className="grid-option-box">
|
|
<div className="grid-input-form">
|
|
<span className="mr10">間隔</span>
|
|
<div className="input-grid mr5">
|
|
<input type="text" className="input-origin" defaultValue={0}/>
|
|
</div>
|
|
<span>mm</span>
|
|
</div>
|
|
<div className="grid-direction">
|
|
<button className="direction up"></button>
|
|
<button className="direction down act"></button>
|
|
<button className="direction left"></button>
|
|
<button className="direction right"></button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div className="grid-btn-wrap">
|
|
<button className="btn-frame modal mr5">保存</button>
|
|
<button className="btn-frame modal act">キャンセル</button>
|
|
</div>
|
|
</div>
|
|
<div className="modal-foot handle"></div>
|
|
</WithDraggable>
|
|
)
|
|
} |