UNPKG

iep-ui

Version:

An enterprise-class UI design language and Vue-based implementation

76 lines (74 loc) 1.61 kB
@import '../../style/themes/index'; @import '../../style/mixins/index'; .@{ant-prefix}-iep-sundry-upload { &-cropper { border-radius: 8px; background: #fff; border: 1px solid #e5e5e5; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.08); min-width: 500px; &-header { padding: 8px 12px; display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid #eaedf3; &-text { font-weight: bold; font-size: 16px; color: #333; } &-icon { display: flex; justify-content: center; align-items: center; cursor: pointer; } } &-body { padding: 8px 12px; display: flex; flex-direction: column; gap: 12px 0; svg { width: 16px; height: 16px; } &-picture { height: 220px; } &-tools { display: flex; flex-direction: column; justify-content: center; align-items: center; &-item { width: 260px; display: flex; justify-content: space-between; align-items: center; gap: 0 8px; &-core { flex: 1; } &-btn { cursor: pointer; &:active { svg { fill: @primary-color; } } } } } } &-footer { display: flex; justify-content: center; align-items: center; padding: 8px 0; background: fade(#B6BFCE, 20%); gap: 0 10px; } } }