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/> */}
{/* 면 흐름 설정 */}
{/* <DrawingFlow/> */}
<DrawingFlow/>
{/* 지붕모듈선택 */}
<RoofModuleOption/>

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

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

26
src/styles/_modal.scss
View File

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