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

react-select 지우기 버튼 추가

Browse Source
This commit is contained in:
김창수 2024-10-18 13:44:44 +09:00
parent a34d183d59
commit 4d6706670c
2 changed files with 10 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
public/static/images/common/select_del.svg Normal file
View File

@ -0,0 +1,4 @@
<svg width="8" height="8" viewBox="0 0 8 8" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M0.998535 1L3.99723 3.99594L6.99593 1" stroke="#697C8F" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M7 6.98376L3.99319 3.99595L1.00263 6.99999" stroke="#697C8F" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 370 B

10
src/styles/_reset.scss
View File

@ -845,16 +845,18 @@ input[type=text]{
color: #bbbbbb; color: #bbbbbb;
font-weight: 400; font-weight: 400;
} }
.custom__clear-indicator,
.custom__indicator-separator{
display: none;
}
.custom__indicator{ .custom__indicator{
padding: 0; padding: 0;
svg{ svg{
display: none; display: none;
} }
} }
.custom__clear-indicator{
width: 30px;
height: 100%;
background: url(../../public/static/images/common/select_del.svg) no-repeat center;
background-size: 8px 8px;
}
.custom__dropdown-indicator{ .custom__dropdown-indicator{
width: 30px; width: 30px;
height: 100%; height: 100%;