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

나침반 사이즈 변경

Browse Source
This commit is contained in:
김창수 2025-03-18 11:34:28 +09:00
parent 0da38fef7f
commit 9801d4aea8
3 changed files with 22 additions and 28 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -155,7 +155,7 @@ export default function CanvasPage() {
{/* <EachPropertyChange/> */} {/* <EachPropertyChange/> */}
{/* 면 흐름 설정 */} {/* 면 흐름 설정 */}
{/* <DrawingFlow/> */} <DrawingFlow/>
{/* 지붕모듈선택 */} {/* 지붕모듈선택 */}
<RoofModuleOption/> <RoofModuleOption/>

22
src/components/canvas/modal/hexagonalroofoption/HexagonalRoofTab02.jsx
View File

@ -89,21 +89,15 @@ export default function HexagonalRoofTab03({setTabNum}){
</div> </div>
<div className="module-table-box mb10"> <div className="module-table-box mb10">
<div className="module-table-inner"> <div className="module-table-inner">
<div className="hexagonal-wrap"> <div className="module-area">
<div className="hexagonal-item"> <div className="module-area-title">配置基準の設定</div>
<div className="bold-font">配置基準の設定</div> <div className="d-check-radio pop mr15">
<input type="radio" name="radio01" id="ra01" />
<label htmlFor="ra01">南向きに設置す</label>
</div> </div>
<div className="hexagonal-item"> <div className="d-check-radio pop">
<div className="pop-form-radio"> <input type="radio" name="radio01" id="ra02" />
<div className="d-check-radio pop"> <label htmlFor="ra02">指定した辺を基準に設置する</label>
<input type="radio" name="radio01" id="ra01" />
<label htmlFor="ra01">南向きに設置す</label>
</div>
<div className="d-check-radio pop">
<input type="radio" name="radio01" id="ra02" />
<label htmlFor="ra02">指定した辺を基準に設置する</label>
</div>
</div>
</div> </div>
</div> </div>
</div> </div>

26
src/styles/_modal.scss
View File

@ -1313,13 +1313,13 @@ $alert-color: #101010;
.circle { .circle {
position: absolute; position: absolute;
width: 12px; width: 10px;
height: 12px; height: 10px;
border: 1px solid #fff; border: 1px solid #fff;
border-radius: 50%; border-radius: 50%;
top: 95%; top: 88%;
left: 50%; left: 50%;
transform-origin: 0 -90px; /* 중심에서 반지름 거리만큼 떨어져 위치 */ transform-origin: 0 -76px; /* 중심에서 반지름 거리만큼 떨어져 위치 */
cursor:pointer; cursor:pointer;
z-index: 3; z-index: 3;
/* 0번을 180도 위치(아래)에, 13번을 0도 위치(위)에 배치 */ /* 0번을 180도 위치(아래)에, 13번을 0도 위치(위)에 배치 */
@ -1366,8 +1366,8 @@ $alert-color: #101010;
top: 50%; top: 50%;
left: 50%; left: 50%;
transform: translate(-50%, -50%); transform: translate(-50%, -50%);
width: 5px; width: 4px;
height: 5px; height: 4px;
background-color: #fff; background-color: #fff;
border-radius: 50%; border-radius: 50%;
} }
@ -1381,15 +1381,15 @@ $alert-color: #101010;
top: 50%; top: 50%;
left: 50%; left: 50%;
transform: translate(-50%, -50%); transform: translate(-50%, -50%);
width: 148px; width: 121px;
height: 148px; height: 121px;
border: 4px solid #fff; border: 4px solid #fff;
border-radius: 50%; border-radius: 50%;
.compas-arr{ .compas-arr{
width: 100%; width: 100%;
height: 100%; height: 100%;
background: url(../../public/static/images/canvas/compas.svg)no-repeat center; background: url(../../public/static/images/canvas/compas.svg)no-repeat center;
background-size: 122px 122px; background-size: 100px 100px;
} }
} }
} }
@ -1441,10 +1441,10 @@ $alert-color: #101010;
.roof-module-compas{ .roof-module-compas{
margin-bottom: 24px; margin-bottom: 24px;
.compas-box-inner{ .compas-box-inner{
width: 280px; width: 235px;
height: 253px; height: 215px;
.circle{ .circle{
top: 86%; top: 85%;
// &:nth-child(1), // &:nth-child(1),
// &:nth-child(7), // &:nth-child(7),
// &:nth-child(13), // &:nth-child(13),
@ -1461,7 +1461,7 @@ $alert-color: #101010;
// } // }
// } // }
i{ i{
top: 22px; top: 19px;
} }
&.act{ &.act{
i{color: #8B8B8B;} i{color: #8B8B8B;}