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

🚨chore: Sync Sass

Browse Source
This commit is contained in:
minsik 2024-11-04 17:50:57 +09:00
parent f42207dfad
commit c7549b243a
3 changed files with 42 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
public/static/images/canvas/estiment_arr.svg Normal file
View File

@ -0,0 +1,3 @@
<svg width="11" height="7" viewBox="0 0 11 7" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M1 1L5.5 5.5L10 1" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 210 B

3
public/static/images/canvas/estiment_arr_color.svg Normal file
View File

@ -0,0 +1,3 @@
<svg width="11" height="7" viewBox="0 0 11 7" fill="none" xmlns="http://www.w3.org/2000/svg">
<path id="Vector 7174" d="M1 1L5.5 5.5L10 1" stroke="#C2D0DD" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 229 B

45
src/styles/_contents.scss
View File

@ -828,22 +828,49 @@
} }
} }
.estimate-arr-btn{
display: block;
width: 20px;
height: 20px;
background-color: #94A0AD;
border: 1px solid #94A0AD;
background-position: center;
background-repeat: no-repeat;
background-image: url(../../public/static/images/canvas/estiment_arr.svg);
background-size: 11px 7px;
border-radius: 2px;
&.up{
rotate: 180deg;
}
&.on{
background-color: #fff;
border-color: #C2D0DD;
background-image: url(../../public/static/images/canvas/estiment_arr_color.svg)
}
}
.estimate-check-wrap{
.estimate-check-inner{
display: block;
}
&.hide{
border-bottom: 1px solid #ECF0F4;
margin-bottom: 15px;
.estimate-check-inner{
display: none;
}
}
}
.special-note-check-wrap{ .special-note-check-wrap{
display: grid; display: grid;
grid-template-columns: repeat(5, 1fr); grid-template-columns: repeat(5, 1fr);
border: 1px solid #ECF0F4;
border-radius: 3px; border-radius: 3px;
margin-bottom: 30px; margin-bottom: 30px;
.special-note-check-item{ .special-note-check-item{
padding: 14px 10px; padding: 14px 10px;
border-right: 1px solid #ECF0F4; border: 1px solid #ECF0F4;
border-top: 1px solid #ECF0F4; margin-top: -1px;
&:nth-child(5n){ margin-right: -1px;
border-right: none;
}
&:nth-child(-n+5){
border-top: none;
}
&.act{ &.act{
background-color: #F7F9FA; background-color: #F7F9FA;
} }