@import "~@/mixins.less";

.filePreview {
  .size();

  .title {
    .flex();
    font-size: 22px;
    height: 40px;
    opacity: 0;
  }

  .title1 {
    opacity: 1;
  }

  .fileContent {
    .size(100%, calc(100% - 40px));

    :global {
      .ant-image {
        .size();
        .flex(center, center);

        .ant-image-img {
          max-width: 100%;
          max-height: 100%;
          display: block;
          margin: auto;
          width: auto;
          height: auto;
        }

        .ant-image-mask {
          display: none;
        }
      }
    }

    .txtContent {
      .size();
    }
  }
}

.close {
  position: absolute;
  top: 10px;
  right: 10px;
  .size(auto, auto);

  :global {
    span[role="img"] {
      font-size: 40px;
    }
  }
}