:global(.ant-upload-select-picture-card i) { color: #999; font-size: 14px; } :global(.ant-upload-select-picture-card .ant-upload-text) { margin-top: 8px; color: #666; } .avatarUploader { display: inline-block; text-align: left; .ant-upload-list-item-thumbnail > img { background: #aaa; background-image: linear-gradient(white 0px, transparent 0), linear-gradient(hsla(0, 0%, 100%, 0.3) 1px, transparent 0), linear-gradient(90deg, hsla(0, 0%, 100%, 0.3) 1px, transparent 0); background-size: 75px 75px, 75px 75px, 15px 15px, 15px 15px; } } .modal { .ant-tabs-content { // height: 100%; .ant-tabs-tabpane { padding-left: 0 !important; } } .ant-tabs-content-holder { // padding: 5px 0; } .ant-modal-body { padding-top: 0; padding-bottom: 0; } } .wallBtn { position: absolute; left: 140px; bottom: 56px; display: inline-block; color: #2f54eb; cursor: pointer; border-bottom: 1px solid #2f54eb; } .search { width: 50%; margin: 10px 20px; } .hide { display: none !important; } .svgBg { background: #aaa; background-image: linear-gradient(white 0px, transparent 0), linear-gradient(hsla(0, 0%, 100%, 0.3) 1px, transparent 0), linear-gradient(90deg, hsla(0, 0%, 100%, 0.3) 1px, transparent 0); background-size: 75px 75px, 75px 75px, 15px 15px, 15px 15px; } .imgBox { display: flex; flex-wrap: wrap; max-height: calc(100% - 10px); overflow: auto; .ant-collapse-content-box { display: flex; flex-wrap: wrap; } .ant-collapse { width: 100%; } .imgItem { flex: 0 0 75px; position: relative; flex-direction: column; max-width: 75px; // margin-right: 16px; // margin-bottom: 16px; margin: 10px; max-height: 100px; // overflow: hidden; cursor: pointer; display: flex; > div { flex: 1; display: flex; max-height: 78px; background-color: rgba(204, 204, 204, 0.5); } > span { text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } &:hover > span { color: #2f54eb; } img { margin: auto; width: 100%; object-fit: contain; max-height: 100%; } .svgGray { // background-color: rgba(238,238,238,1); background-color: #2881a1; } &:hover, & > .seleted { .iconBtn { visibility: visible; } } .iconBtn { position: absolute; visibility: hidden; top: -10px; right: 0px; font-size: 18px; color: rgb(8, 156, 8); } } }