@cmstops/pro-compo
Version:
[物料平台文档中心](https://arco.design/docs/material/guide)
78 lines (77 loc) • 2.32 kB
CSS
.filter-view-container {
display: flex;
align-items: center;
justify-content: space-between;
width: 100%;
margin-bottom: 10px;
font-size: 14px;
}
.filter-view-container .more-btn .right-prefix {
display: flex;
gap: 10px;
align-items: center;
}
.filter-view-container .more-btn .filter-pannel {
z-index: 1002;
display: flex;
gap: 10px;
padding: 10px;
background-color: white;
border-radius: 6px;
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}
.filter-view-container .filter-content {
display: flex;
flex: 1;
align-items: center;
justify-content: space-between;
}
.filter-view-container .filter-content .left {
display: flex;
flex: 1;
gap: 10px;
width: 100px;
overflow: hidden;
background-color: #fff;
}
.filter-view-container .filter-content .right {
display: flex;
flex-wrap: nowrap;
align-items: center;
height: 100%;
padding-left: 20px;
background: white;
}
.base-filter-container {
display: flex;
align-items: center;
justify-content: space-between;
}
.base-filter-container .left {
display: flex;
align-items: center;
}
.base-filter-container .left .form-ul {
display: flex;
align-items: center;
}
.base-filter-container .left .filter-item-view {
margin-right: 1rem;
}
.base-filter-container .left .filter-item-view.value .arco-picker,
.base-filter-container .left .filter-item-view.value .arco-picker-input-active input,
.base-filter-container .left .filter-item-view.value .arco-input-search,
.base-filter-container .left .filter-item-view.value .arco-select-view-single,
.base-filter-container .left .filter-item-view.value .arco-icon-hover,
.base-filter-container .left .filter-item-view.value .arco-icon-hover::before {
background-color: rgb(var(--primary-1));
}
.base-filter-container .left .filter-item-view.value .arco-picker input,
.base-filter-container .left .filter-item-view.value .arco-input-search,
.base-filter-container .left .filter-item-view.value .arco-select-view-single,
.base-filter-container .left .filter-item-view.value .arco-select-view-suffix,
.base-filter-container .left .filter-item-view.value .arco-picker-separator,
.base-filter-container .left .filter-item-view.value .arco-picker-suffix-icon,
.base-filter-container .left .filter-item-view.value .arco-icon-hover {
color: rgb(var(--primary-6));
}