qcast3/qcast-pub
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

치수선 팝업 수정

Browse Source
This commit is contained in:
김창수 2024-10-21 14:05:11 +09:00
parent 9c9eac6c18
commit 7a19313566
3 changed files with 22 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/app/canvas/page.jsx
View File

@ -187,7 +187,7 @@ export default function CanvasPage() {
{/* 글꼴 설정, 치수선 설정 */} {/* 글꼴 설정, 치수선 설정 */}
<FontOption/> <FontOption/>
{/* <LineOption/> */} <LineOption/>
{/* <ShapeSizeOption/> */} {/* <ShapeSizeOption/> */}
{/* 지붕재 선택 */} {/* 지붕재 선택 */}

4
src/components/canvas/modal/font_lineoption/LineOption.jsx
View File

@ -7,7 +7,7 @@ const SelectOption = [
export default function LineOption(){ export default function LineOption(){
return( return(
<WithDraggable isShow={true}> <WithDraggable isShow={true}>
<div className={`modal-pop-wrap xxxm`}> <div className={`modal-pop-wrap xxm`}>
<div className="modal-head"> <div className="modal-head">
<h1 className="title">寸法線 設定 </h1> <h1 className="title">寸法線 設定 </h1>
<button className="modal-close">닫기</button> <button className="modal-close">닫기</button>
@ -34,7 +34,7 @@ export default function LineOption(){
<div className="form-box"> <div className="form-box">
<div className="line-form"> <div className="line-form">
<div className="line-font-box"> <div className="line-font-box">
<span className="font" style={{fontSize: "12px", fontWeight: "400"}}>9,999</span> <span className="font" style={{fontSize: "72px", fontWeight: "400"}}>9,999</span>
<span className="line" style={{backgroundColor: "#ff0000", borderColor: "#ff0000", height: "1px"}}></span> <span className="line" style={{backgroundColor: "#ff0000", borderColor: "#ff0000", height: "1px"}}></span>
</div> </div>
</div> </div>

29
src/styles/_modal.scss
View File

@ -1655,24 +1655,33 @@ $alert-color: #101010;
.form-box{ .form-box{
width: 100%; width: 100%;
background-color: #fff; background-color: #fff;
padding: 10px 0 20px; padding: 10px 15px 20px;
.line-form{ .line-form{
position: relative; position: relative;
width: 102px; display: flex;
height: 40px; flex-direction: column;
justify-content: flex-end;
min-width: 102px;
min-height: 40px;
margin: 0 auto; margin: 0 auto;
border-left: 1px dashed #101010;
border-right: 1px dashed #101010; &::before{
.line-font-box{ content: '';
position: absolute; position: absolute;
bottom: -3px; bottom: 0px;
left: 0; left: 0;
width: 100%; width: 100%;
text-align: center; height: 40px;
border-left: 1px dashed #101010;
border-right: 1px dashed #101010;
}
.line-font-box{
.font{ .font{
display: block; display: block;
padding-bottom: 6px; padding-bottom: 15px;
color: #101010; color: #101010;
text-align: center;
line-height: 1;
} }
.line{ .line{
position: relative; position: relative;
@ -1687,7 +1696,7 @@ $alert-color: #101010;
transform: translateY(-50%) rotate(45deg); transform: translateY(-50%) rotate(45deg);
left: 1px; left: 1px;
width: 9px; width: 9px;
height: 9px; height:+ 9px;
border: 1px solid; border: 1px solid;
border-color: inherit; border-color: inherit;
border-top: none; border-top: none;