@cmstops/pro-compo
Version:
[物料平台文档中心](https://arco.design/docs/material/guide)
182 lines (181 loc) • 4.54 kB
CSS
.column-selection-container {
padding: 0 15px;
}
.column-selection-popover-content {
padding: 0 ;
}
.column-selection-popover-content .search-column {
margin-bottom: 4px;
padding: 4px 8px;
}
.column-selection-popover-content .last-search-key {
height: 32px;
margin-left: 22px;
padding-left: 4px;
color: #165dff;
line-height: 32px;
border-radius: var(--border-radius-small);
}
.column-selection-popover-content .last-search-key:hover {
color: var(--color-text-1);
background-color: var(--color-fill-2);
cursor: pointer;
}
.column-selection-popover-content .column-outer-scrollbar {
height: 100%;
padding-right: 12px;
}
.media-filter-container {
display: flex;
align-items: center;
justify-content: space-between;
padding: 10px 20px;
}
.media-filter-container .filter-item {
width: auto;
}
.media-filter-container .keyword {
padding-left: 0;
}
.media-filter-container :deep(.arco-popover-content) {
display: flex;
flex-direction: column;
}
.media-filter-container .reset-button {
width: 74px;
padding: 9px 12px;
font-size: 14px;
}
.media-filter-container .reset-button .reset-icon {
margin-right: 8px;
}
.media-filter-container .sort-button {
color: #4e5969;
}
.media-filter-container .sort-button .filter-item {
width: 102px;
}
.media-filter-container .sort-button .filter-item .arco-select-view-suffix {
padding-left: 0;
}
.media-filter-container .sort-button:hover {
cursor: pointer;
}
.selected-store-box-popover-content {
padding: 0;
}
.selected-store-box-popover-content .batch-section-popover-main .item {
display: flex;
align-items: center;
justify-content: space-between;
box-sizing: border-box;
height: 42px;
padding: 5px 10px;
}
.selected-store-box-popover-content .batch-section-popover-main .item .icon {
display: inline-block;
width: 20px;
height: 25px;
margin-right: 8px;
font-size: 18px;
text-align: center;
vertical-align: middle;
}
.selected-store-box-popover-content .batch-section-popover-main .item .left {
display: inline-block;
align-items: center;
width: 90%;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.selected-store-box-popover-content .batch-section-popover-main .item .close-btn {
display: none;
}
.selected-store-box-popover-content .batch-section-popover-main .item:hover,
.selected-store-box-popover-content .batch-section-popover-main .item:active {
background-color: #f6f6f6;
}
.selected-store-box-popover-content .batch-section-popover-main .item:hover .close-btn,
.selected-store-box-popover-content .batch-section-popover-main .item:active .close-btn {
display: block;
}
.selected-store-box-popover-content .options {
display: flex;
align-items: center;
justify-content: flex-end;
height: 42px;
border-top: 1px solid #f2f3f5;
}
.view-all-column-container {
height: 100%;
}
.view-all-column-container .content-table-view {
height: calc(100% - 110px);
padding: 0 20px;
}
.view-all-column-container .content-table-view .arco-checkbox {
padding: 0;
}
.view-all-column-container .content-table-view .pic-thumb-img {
width: 60px;
height: 45px;
vertical-align: middle;
border-radius: 3px;
}
.view-all-column-container .content-table-view .title-span,
.view-all-column-container .content-table-view .mp_title-span {
display: block;
width: 100%;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.view-all-column-container .content-table-view .title-span .icon,
.view-all-column-container .content-table-view .mp_title-span .icon {
display: inline-block;
width: 20px;
height: 25px;
margin-right: 8px;
padding-left: 0;
font-size: 18px;
line-height: 28px;
text-align: center;
vertical-align: middle;
}
.view-all-column-container .content-table-view .mp_title-span {
margin-left: 10px;
}
.view-all-column-container .content-table-view .user-avatar {
display: inline-block;
width: 25px;
height: 25px;
margin-right: 12px;
vertical-align: middle;
border-radius: 50%;
cursor: pointer;
}
.view-all-column-container .bottom-view {
display: flex;
align-items: center;
justify-content: space-between;
height: 60px;
margin: 0 15px;
}
.view-all-column-container .bottom-view .left {
display: flex;
align-items: center;
}
.add-content-modal-wrapper .arco-modal-header {
border-bottom: none;
}
.add-content-modal-body {
height: 70vh;
padding: 0 ;
}
.add-content-modal-body .content-tabs {
height: 100%;
}
.add-content-modal-body .arco-tabs-content {
padding-top: 0;
}