| | |
| | | @clear="filterIcons" |
| | | @input="filterIcons" |
| | | > |
| | | <template #suffix><i class="el-icon-search el-input__icon" /></template> |
| | | <template #suffix><lims-icon name="el-icon-search" class="el-input__icon" /></template> |
| | | </el-input> |
| | | <div class="icon-list"> |
| | | <div class="list-container"> |
| | |
| | | height: 100%; |
| | | padding: 0 5px; |
| | | &:hover { |
| | | background: #ececec; |
| | | border-radius: 5px; |
| | | background: var(--lims-surface-hover); |
| | | border-radius: var(--lims-radius-sm); |
| | | } |
| | | .icon { |
| | | flex-shrink: 0; |
| | |
| | | } |
| | | } |
| | | .icon-item.active { |
| | | background: #ececec; |
| | | border-radius: 5px; |
| | | background: var(--sidebar-active-bg); |
| | | border-radius: var(--lims-radius-sm); |
| | | } |
| | | } |
| | | } |