.dialog {
  width: 90%;
  height: 90%;
  display: flex;
  flex-direction: column;

  :global(.next-tab-icon-dropdown) {
    justify-content: center;
  }

  .title {
    padding-bottom: 10px;
    font-size: 16px;
    position: relative;

    &:after {
      content: '';
      position: absolute;
      top: 0;
      right: -20px;
      bottom: 0;
      left: -20px;
      border-bottom: 1px solid #f0f0f0;
    }
  }

  min-width: 800px;

  :global(.next-dialog-body) {
    flex: 1;
    // TODO: 临时解决方案   原因：没有高度导致的，大窗口没有出现滚动条，后期修复：再看吧
    max-height: 90%;
  }

  .editor {
    height: 100%;
    display: flex;
    margin: 0 -20px;

    .editor-left {
      //width: 35%;
      //min-width: 300px;
      width: 420px;
    }

    :global(.jodit-react-container) {

      display: flex;
      flex-direction: column;
      margin-right: 15px;
      flex: 1;
      height: 100%;

      :global(.jodit-container) {
        height: 100% !important;
        display: flex;
        flex-direction: column;

        :global(.jodit-workplace) {
          flex: 1;
        }
      }
    }
  }
}

.uploading {
  width: 180px;
}
