2021-01-28

king

2021-01-28 86b366cac525ad676da3cfd65f67a551b9260aeb

 src/menu/picturecontroller/index.scss

@@ -1,4 +1,67 @@
.Menu-config-paste {
  border-color: #40a9ff;
  color: #40a9ff;
.picture-control-model {
  .ant-modal {
    top: 60px;
    .ant-modal-body {
      max-height: calc(100vh - 120px);
      min-height: 450px;
      padding-top: 5px;
    }
  }
  .picture-plus {
    float: right;
    font-size: 16px;
    color: rgb(38, 194, 129);
  }
  .image-video-box {
    position: relative;
    padding-top: 75%;
    .image-video-box-body {
      position: absolute;
      top: 0px;
      left: 0px;
      right: 0px;
      bottom: 0px;
    }
    .image-video-control {
      position: absolute;
      top: 0;
      left: 0px;
      right: 0px;
      bottom: 0px;
      background: rgba(255, 255, 255, 0.8);
      padding-top: 30%;
      text-align: center;
      opacity: 0;
      transition: all 0.3s;
      i {
        font-size: 18px;
        cursor: pointer;
      }
      .anticon-copy {
        color: rgb(38, 194, 129);
        margin-right: 10px;
      }
      .anticon-edit {
        color: #1890ff;
        margin-right: 10px;
      }
      .anticon-delete {
        color: #ff4d4f;
      }
    }
  }
  .image-video-box:hover {
    .image-video-control {
      opacity: 1;
    }
  }
  .image-video-remark {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-all;
    font-size: 13px;
    margin-bottom: 0;
    height: 35px;
  }
}