@root-entry-name: 'default'; @import '~antd/es/style/themes/index.less'; @image-select-prefix-cls: ~'@{ant-prefix}-image-select'; .@{image-select-prefix-cls} { &-wrap { display: flex; align-items: center; justify-content: center; width: 100px; height: 100px; padding: 5px; overflow: hidden; text-align: center; background-color: rgba(250, 251, 252, 1); border: 1px solid rgba(219, 225, 234, 1); cursor: pointer; p { font-size: 12px; } } &-cover { width: 88px; height: 88px; } } .@{image-select-prefix-cls}-modal { &-header { display: flex; align-items: center; justify-content: space-between; padding-right: 30px; } &-title { color: #222222; font-weight: 500; font-size: 16px; white-space: nowrap; } .@{ant-prefix}-input-affix-wrapper { width: 313px; height: 29px; background-color: #eef1f9; border-radius: 15px; .@{ant-prefix}-input-prefix { color: #5a6c8a; } .@{ant-prefix}-input { background: #eef1f9; } } .@{ant-prefix}-input-affix-wrapper:hover { background-color: #eef1f9; } &-folder { margin-bottom: 20px; border-top: 1px solid #ccd6e1; } &-folder:first-of-type { border: none; .@{image-select-prefix-cls}-modal-path-title { margin-top: 0; } } &-path-title { margin: 20px 0; color: #242323; font-size: 16px; } &-item-wrap { padding: 10px 0; text-align: center; border: 1px solid transparent; &.selected { background: linear-gradient(0deg, #f1f4fb 0%, #ffffff 100%); border: 1px solid #b8d6fb; border-radius: 2px; } } &-item-wrap:hover { background: linear-gradient(0deg, #f1f4fb 0%, #ffffff 100%); border: 1px solid #b8d6fb; border-radius: 2px; cursor: pointer; } &-item-image { width: 40px; height: 40px; } &-item-text { font-size: 12px; white-space: nowrap; } .@{ant-prefix}-modal-body { max-height: 600px; overflow-y: auto; } }