🚨chore: Sync Sass
This commit is contained in:
김민식
parent
16423de079
commit
ced0eb9fc6
3
public/static/images/canvas/hide-check-arr.svg
Normal file
3
public/static/images/canvas/hide-check-arr.svg
Normal file
@ -0,0 +1,3 @@
|
|||||||
|
<svg width="16" height="14" viewBox="0 0 16 14" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||||
|
<path d="M8 0L15.7942 13.5H0.205771L8 0Z" fill="white"/>
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 160 B |
@ -340,6 +340,14 @@
|
|||||||
&.active{
|
&.active{
|
||||||
top: calc(92.8px + 50px);
|
top: calc(92.8px + 50px);
|
||||||
}
|
}
|
||||||
|
.canvas-id{
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
padding: 9.6px 20px;
|
||||||
|
font-size: 12px;
|
||||||
|
color: #fff;
|
||||||
|
background-color: #1083E3;
|
||||||
|
}
|
||||||
.canvas-plane-wrap{
|
.canvas-plane-wrap{
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
|
|||||||
@ -279,10 +279,11 @@ $alert-color: #101010;
|
|||||||
border-bottom: 1px solid #424242;
|
border-bottom: 1px solid #424242;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.grid-check-form-block{
|
.grid-check-form-flex{
|
||||||
display: block;
|
display: flex;
|
||||||
> div{
|
gap: 10px;
|
||||||
margin-bottom: 10px;
|
.d-check-box{
|
||||||
|
flex: 1;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.grid-option-overflow{
|
.grid-option-overflow{
|
||||||
@ -1313,13 +1314,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 +1367,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 +1382,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 +1442,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 +1462,7 @@ $alert-color: #101010;
|
|||||||
// }
|
// }
|
||||||
// }
|
// }
|
||||||
i{
|
i{
|
||||||
top: 22px;
|
top: 19px;
|
||||||
}
|
}
|
||||||
&.act{
|
&.act{
|
||||||
i{color: #8B8B8B;}
|
i{color: #8B8B8B;}
|
||||||
@ -1482,6 +1483,10 @@ $alert-color: #101010;
|
|||||||
.outline-form{
|
.outline-form{
|
||||||
flex: 1;
|
flex: 1;
|
||||||
}
|
}
|
||||||
|
.non-flex{
|
||||||
|
min-width: 300px;
|
||||||
|
flex: none;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.module-box-tab{
|
.module-box-tab{
|
||||||
@ -2183,14 +2188,20 @@ $alert-color: #101010;
|
|||||||
display: grid;
|
display: grid;
|
||||||
grid-template-columns: repeat(2, 1fr);
|
grid-template-columns: repeat(2, 1fr);
|
||||||
gap: 8px;
|
gap: 8px;
|
||||||
margin-bottom: 24px;
|
margin-bottom: 10px;
|
||||||
}
|
}
|
||||||
&.non-flex{
|
&.non-flex{
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
justify-content: flex-start;
|
justify-content: flex-start;
|
||||||
flex: none;
|
flex: none;
|
||||||
width: 260px;
|
width: 340px;
|
||||||
|
}
|
||||||
|
.flex-item-button{
|
||||||
|
margin-top: 10px;
|
||||||
|
button{
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@ -2326,7 +2337,7 @@ $alert-color: #101010;
|
|||||||
grid-template-columns: repeat(2, 1fr);
|
grid-template-columns: repeat(2, 1fr);
|
||||||
.outline-form{
|
.outline-form{
|
||||||
span{
|
span{
|
||||||
width: 60px;
|
width: 65px;
|
||||||
&.thin{
|
&.thin{
|
||||||
width: 20px;
|
width: 20px;
|
||||||
}
|
}
|
||||||
@ -2336,6 +2347,7 @@ $alert-color: #101010;
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
.module-table-block-wrap{
|
.module-table-block-wrap{
|
||||||
.roof-module-table{
|
.roof-module-table{
|
||||||
&.self{
|
&.self{
|
||||||
@ -2371,4 +2383,43 @@ $alert-color: #101010;
|
|||||||
margin-left: 10px;
|
margin-left: 10px;
|
||||||
color: #53a7eb;
|
color: #53a7eb;
|
||||||
font-weight: 500;
|
font-weight: 500;
|
||||||
|
}
|
||||||
|
|
||||||
|
.hexagonal-flex-wrap{
|
||||||
|
display: flex;
|
||||||
|
gap: 10px;
|
||||||
|
.non-flex{
|
||||||
|
flex: none;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.hexagonal-radio-wrap{
|
||||||
|
padding: 17px 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.hide-check-guide{
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
font-size: 12px;
|
||||||
|
color: #fff;
|
||||||
|
margin-top: 10px;
|
||||||
|
font-weight: 500;
|
||||||
|
.arr{
|
||||||
|
width: 13px;
|
||||||
|
height: 13px;
|
||||||
|
margin-left: 10px;
|
||||||
|
background: url(../../public/static/images/canvas/hide-check-arr.svg) no-repeat center;
|
||||||
|
background-size: contain;
|
||||||
|
transform: rotate(180deg);
|
||||||
|
&.act{
|
||||||
|
transform: rotate(0deg);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.module-table-box{
|
||||||
|
&.hide{
|
||||||
|
overflow: hidden;
|
||||||
|
height: 0;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
@ -222,15 +222,16 @@ button{
|
|||||||
padding: 0 10px;
|
padding: 0 10px;
|
||||||
line-height: 28px;
|
line-height: 28px;
|
||||||
font-family: 'Noto Sans JP', sans-serif;
|
font-family: 'Noto Sans JP', sans-serif;
|
||||||
background-color: transparent;
|
background-color: #353535;
|
||||||
border: 1px solid #484848;
|
border: 1px solid #484848;
|
||||||
color: #fff;
|
color: #fff;
|
||||||
&.blue{
|
&.blue{
|
||||||
background-color: #4C6FBF;
|
background-color: #4C6FBF;
|
||||||
border: 1px solid #4C6FBF;
|
border: 1px solid #4C6FBF;
|
||||||
&:hover{
|
&:hover{
|
||||||
background-color: #414E6C;
|
background-color: #4C6FBF;
|
||||||
border: 1px solid #414E6C;
|
border: 1px solid #4C6FBF;
|
||||||
|
font-weight: normal;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
&.white{
|
&.white{
|
||||||
@ -241,13 +242,14 @@ button{
|
|||||||
background-color: #fff;
|
background-color: #fff;
|
||||||
border: 1px solid #fff;
|
border: 1px solid #fff;
|
||||||
color: #101010;
|
color: #101010;
|
||||||
|
font-weight: normal;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
&:hover{
|
&:hover{
|
||||||
font-weight: 400;
|
background-color: #353535;
|
||||||
background-color: transparent;
|
|
||||||
border: 1px solid #484848;
|
border: 1px solid #484848;
|
||||||
color: #fff;
|
color: #fff;
|
||||||
|
font-weight: normal;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
&.self{
|
&.self{
|
||||||
|
|||||||
@ -236,6 +236,16 @@ table{
|
|||||||
.d-check-box{
|
.d-check-box{
|
||||||
opacity: 0.5;
|
opacity: 0.5;
|
||||||
}
|
}
|
||||||
|
.color-wrap{
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
.color-box{
|
||||||
|
width: 14px;
|
||||||
|
height: 14px;
|
||||||
|
margin-right: 8px;
|
||||||
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
tbody{
|
tbody{
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user