46 lines
2.3 KiB
JavaScript
46 lines
2.3 KiB
JavaScript
import WithDraggable from "@/components/common/draggable/withDraggable";
|
|
|
|
export default function LineOption(){
|
|
return(
|
|
<WithDraggable isShow={true}>
|
|
<div className={`modal-pop-wrap xxxm`}>
|
|
<div className="modal-head">
|
|
<h1 className="title">寸法線 設定 </h1>
|
|
<button className="modal-close">닫기</button>
|
|
</div>
|
|
<div className="modal-body">
|
|
<div className="font-btn-wrap">
|
|
<button className="btn-frame modal">フォント設定</button>
|
|
</div>
|
|
<div className="line-color-wrap">
|
|
<div className="outline-form mb10">
|
|
<span style={{width: 'auto'}}>寸法線の線太さ</span>
|
|
<div className="input-grid mr5" style={{width: '66px'}}>
|
|
<input type="text" className="input-origin block" defaultValue={1}/>
|
|
</div>
|
|
<span className="thin">pixel</span>
|
|
</div>
|
|
<div className="outline-form">
|
|
<span style={{width: 'auto'}}>寸法線の線の色</span>
|
|
<button className="color-btn" style={{backgroundColor: "#ff0000"}}></button>
|
|
</div>
|
|
</div>
|
|
<div className="font-ex-wrap">
|
|
<div className="font-ex-tit">見る</div>
|
|
<div className="form-box">
|
|
<div className="line-form">
|
|
<div className="line-font-box">
|
|
<span className="font" style={{fontSize: "12px", fontWeight: "400"}}>9,999</span>
|
|
<span className="line" style={{backgroundColor: "#ff0000", borderColor: "#ff0000", height: "1px"}}></span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div className="grid-btn-wrap">
|
|
<button className="btn-frame modal act">ストレージ</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</WithDraggable>
|
|
)
|
|
} |