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-12-04 17:09:19 +09:00
parent 2c8df68fae
commit 6dc1141c67
5 changed files with 27 additions and 23 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -158,10 +158,10 @@ export default function CanvasPage() {
{/* <DrawingFlow/> */} {/* <DrawingFlow/> */}
{/* 지붕모듈선택 */} {/* 지붕모듈선택 */}
{/* <RoofModuleOption/> */} <RoofModuleOption/>
{/* 육지붕모듈 선택 */} {/* 육지붕모듈 선택 */}
{/* <HexagonalRoofOption/> */} <HexagonalRoofOption/>
{/* 회로 및 가대설정 */} {/* 회로 및 가대설정 */}
{/* <CircuitStandSetting/> */} {/* <CircuitStandSetting/> */}

4
src/components/canvas/modal/hexagonalroofoption/HexagonalRoofTab01.jsx
View File

@ -17,7 +17,7 @@ export default function HexagonalRoofTab01({setTabNum}){
<div className={`circle ${compasDeg === 225 ? 'act' : ''}`} onClick={() => setCompasDeg(225)}></div> <div className={`circle ${compasDeg === 225 ? 'act' : ''}`} onClick={() => setCompasDeg(225)}></div>
<div className={`circle ${compasDeg === 240 ? 'act' : ''}`} onClick={() => setCompasDeg(240)}></div> <div className={`circle ${compasDeg === 240 ? 'act' : ''}`} onClick={() => setCompasDeg(240)}></div>
<div className={`circle ${compasDeg === 255 ? 'act' : ''}`} onClick={() => setCompasDeg(255)}></div> <div className={`circle ${compasDeg === 255 ? 'act' : ''}`} onClick={() => setCompasDeg(255)}></div>
<div className={`circle ${compasDeg === 270 ? 'act' : ''}`} onClick={() => setCompasDeg(270)}><i>270°</i></div> <div className={`circle ${compasDeg === 270 ? 'act' : ''}`} onClick={() => setCompasDeg(270)}><i>-90°</i></div>
<div className={`circle ${compasDeg === 285 ? 'act' : ''}`} onClick={() => setCompasDeg(285)}></div> <div className={`circle ${compasDeg === 285 ? 'act' : ''}`} onClick={() => setCompasDeg(285)}></div>
<div className={`circle ${compasDeg === 300 ? 'act' : ''}`} onClick={() => setCompasDeg(300)}></div> <div className={`circle ${compasDeg === 300 ? 'act' : ''}`} onClick={() => setCompasDeg(300)}></div>
<div className={`circle ${compasDeg === 315 ? 'act' : ''}`} onClick={() => setCompasDeg(315)}></div> <div className={`circle ${compasDeg === 315 ? 'act' : ''}`} onClick={() => setCompasDeg(315)}></div>
@ -44,7 +44,7 @@ export default function HexagonalRoofTab01({setTabNum}){
<div className="center-wrap"> <div className="center-wrap">
<div className="d-check-box pop"> <div className="d-check-box pop">
<input type="checkbox" id="ch99" /> <input type="checkbox" id="ch99" />
<label htmlFor="ch99">角度を直接入力（0〜360）</label> <label htmlFor="ch99">角度を直接入力（ -180 〜 180 ）</label>
</div> </div>
<div className="outline-form"> <div className="outline-form">
<div className="input-grid mr10" style={{width: '160px'}}> <div className="input-grid mr10" style={{width: '160px'}}>

4
src/components/canvas/modal/roofmoduleoption/RoofModuleOptionTab01.jsx
View File

@ -17,7 +17,7 @@ export default function RoofModuleOptionTab01({setTabNum}){
<div className={`circle ${compasDeg === 225 ? 'act' : ''}`} onClick={() => setCompasDeg(225)}></div> <div className={`circle ${compasDeg === 225 ? 'act' : ''}`} onClick={() => setCompasDeg(225)}></div>
<div className={`circle ${compasDeg === 240 ? 'act' : ''}`} onClick={() => setCompasDeg(240)}></div> <div className={`circle ${compasDeg === 240 ? 'act' : ''}`} onClick={() => setCompasDeg(240)}></div>
<div className={`circle ${compasDeg === 255 ? 'act' : ''}`} onClick={() => setCompasDeg(255)}></div> <div className={`circle ${compasDeg === 255 ? 'act' : ''}`} onClick={() => setCompasDeg(255)}></div>
<div className={`circle ${compasDeg === 270 ? 'act' : ''}`} onClick={() => setCompasDeg(270)}><i>270°</i></div> <div className={`circle ${compasDeg === 270 ? 'act' : ''}`} onClick={() => setCompasDeg(270)}><i>-90°</i></div>
<div className={`circle ${compasDeg === 285 ? 'act' : ''}`} onClick={() => setCompasDeg(285)}></div> <div className={`circle ${compasDeg === 285 ? 'act' : ''}`} onClick={() => setCompasDeg(285)}></div>
<div className={`circle ${compasDeg === 300 ? 'act' : ''}`} onClick={() => setCompasDeg(300)}></div> <div className={`circle ${compasDeg === 300 ? 'act' : ''}`} onClick={() => setCompasDeg(300)}></div>
<div className={`circle ${compasDeg === 315 ? 'act' : ''}`} onClick={() => setCompasDeg(315)}></div> <div className={`circle ${compasDeg === 315 ? 'act' : ''}`} onClick={() => setCompasDeg(315)}></div>
@ -44,7 +44,7 @@ export default function RoofModuleOptionTab01({setTabNum}){
<div className="center-wrap"> <div className="center-wrap">
<div className="d-check-box pop"> <div className="d-check-box pop">
<input type="checkbox" id="ch99" /> <input type="checkbox" id="ch99" />
<label htmlFor="ch99">角度を直接入力（0〜360）</label> <label htmlFor="ch99">角度を直接入力（ -180 〜 180 ）</label>
</div> </div>
<div className="outline-form"> <div className="outline-form">
<div className="input-grid mr10" style={{width: '160px'}}> <div className="input-grid mr10" style={{width: '160px'}}>

6
src/components/publishpage/PublishPage.jsx
View File

@ -191,12 +191,16 @@ export default function PublishPage() {
<li>*보조선 작성 팝업 보조선 절삭 버튼 추가</li> <li>*보조선 작성 팝업 보조선 절삭 버튼 추가</li>
<li>*지붕모듈 기본설정 팝업 변경</li> <li>*지붕모듈 기본설정 팝업 변경</li>
</ul> </ul>
<ul> <ul className='mb10'>
<li>2024-12-03</li> <li>2024-12-03</li>
<li>*견적서 메뉴 상단버튼 추가</li> <li>*견적서 메뉴 상단버튼 추가</li>
<li>*견적서 파일 목록 복구버튼 추가</li> <li>*견적서 파일 목록 복구버튼 추가</li>
<li>*견적서 체크박스 목록 html 변환</li> <li>*견적서 체크박스 목록 html 변환</li>
</ul> </ul>
<ul>
<li>2024-12-04</li>
<li>*지붕기본모듈, 육지붕기본모듈 나침반 마크업 변경</li>
</ul>
</td> </td>
<td className="t-center">2024-10-28</td> <td className="t-center">2024-10-28</td>
</tr> </tr>

32
src/styles/_modal.scss
View File

@ -1308,23 +1308,23 @@ $alert-color: #101010;
height: 253px; height: 253px;
.circle{ .circle{
top: 86%; top: 86%;
&:nth-child(1), // &:nth-child(1),
&:nth-child(7), // &:nth-child(7),
&:nth-child(13), // &:nth-child(13),
&:nth-child(19){ // &:nth-child(19){
&::before{ // &::before{
content: ''; // content: '';
position: absolute; // position: absolute;
top: 20px; // top: 20px;
left: 50%; // left: 50%;
transform: translateX(-50%); // transform: translateX(-50%);
width: 1px; // width: 1px;
height: 6px; // height: 6px;
background-color: #8B8B8B; // background-color: #8B8B8B;
} // }
} // }
i{ i{
top: 32px; top: 22px;
} }
&.act{ &.act{
i{color: #8B8B8B;} i{color: #8B8B8B;}