iep-ui
Version:
An enterprise-class UI design language and Vue-based implementation
76 lines (74 loc) • 1.61 kB
text/less
@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;
}
}
}