@fe6/water-pro/lib/upload-name/style/index.css

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

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
/** @format */
@font-face {
  font-weight: bold;
  font-family: 'DINAlternate-Bold';
  font-style: normal;
  src: url(https://cdn.dev.mosh.cn/assets/font/din_alternate_bold.ttf) format('truetype');
}
.ant-upload-name {
  display: flex;
  box-sizing: content-box;
}
.ant-upload-name-wrapper {
  display: inline-block;
}
.ant-upload-name-uploader .ant-upload.ant-upload-select {
  display: block;
}
.ant-upload-name-btn {
  display: block !important;
  padding: 0 !important;
}
.ant-upload-name-inner {
  display: flex;
  align-items: center;
  width: 100%;
  line-height: 32px;
}
.ant-upload-name-inner-lg {
  line-height: 40px;
}
.ant-upload-name-inner-sm {
  line-height: 24px;
}
.ant-upload-name-inner-disabled {
  color: rgba(0, 0, 0, 0.25);
  cursor: not-allowed;
}
.ant-upload-name-img {
  margin-right: 4px;
  vertical-align: middle !important;
}
.ant-upload-name-del {
  margin-left: 4px;
  color: #ff7875;
}
.ant-upload-name-del-disabled {
  color: rgba(0, 0, 0, 0.25) !important;
  cursor: not-allowed !important;
}