plot-plan-designer/lib/cjs/styles/core/common/pdf-processor.less

Design Editor Tools with React.js + ant.design + fabric.js

.pdf-processor {
  /*position: absolute;*/
  height: 100vh;
  width: 100vw;
  margin: 0;
  top: 0;

  .ant-modal-body {
    height: calc(100vh - 5px);
    padding: 0;

    .pdf-doc-renderer {
      width: 100%;
      height: 100%;

      .pdf-page-renderer {
        width: 100%;
        height: 100%;
        overflow: auto;
        position: relative;
        display: flex;
        flex-direction: column;
        align-items: center;
        background-color: lightgrey;
      }
    }
  }

  .pdf-page-control {
    float: left;
    position: absolute;
    display: flex;
    text-align: center;
    align-items: center;

    .pdf-page-number {
      align-items: center;
      text-align: center;
      margin: 0 0 0 20px;
    }
  }
}