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-11-04 16:39:58 +09:00
parent 54e0bfde39
commit a4b3783f1b
3 changed files with 15 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

4
src/components/canvas/CanvasEstimate.jsx
View File

@ -220,8 +220,8 @@ export default function CanvasEstimate() {
<div className="product_tit">製品情報</div> <div className="product_tit">製品情報</div>
</div> </div>
<div className="left-unit-box"> <div className="left-unit-box">
<button className="estimate-arr-btn down mr5" onClick={() => setHidden(false)}></button> <button className={`estimate-arr-btn down mr5 ${hidden ? '' : 'on'}`} onClick={() => setHidden(false)}></button>
<button className="estimate-arr-btn up" onClick={() => setHidden(true)}></button> <button className={`estimate-arr-btn up ${hidden ? 'on' : ''}`} onClick={() => setHidden(true)}></button>
</div> </div>
</div> </div>
<div className={`estimate-check-wrap ${hidden ? 'hide':''}`}> <div className={`estimate-check-wrap ${hidden ? 'hide':''}`}>

11
src/styles/_contents.scss
View File

@ -832,12 +832,21 @@
display: block; display: block;
width: 20px; width: 20px;
height: 20px; height: 20px;
background: #94A0AD url(../../public/static/images/canvas/estiment_arr.svg)no-repeat center; 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; background-size: 11px 7px;
border-radius: 2px; border-radius: 2px;
&.up{ &.up{
rotate: 180deg; 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-wrap{
.estimate-check-inner{ .estimate-check-inner{