@import "../../../global.less";

.main {
  // min-height: 100%;
  background-color: @mainContentColor;
  padding: 20px;

  .header {
    display: flex;
    justify-content: space-between;
    align-items: center;

    .left {
      display: flex;
      align-items: center;

      .myTree {
        font-size: 1.3em;
        line-height: 1.3em;
        font-weight: 600;
      }

      .help {
        font-size: 0.6em;
        align-self: flex-end;
      }
    }
  }

  .nodeContent {
    display: inline-block;
    min-width: 4em;
    max-width: calc(100% - 45px);
    align-items: center;
    margin-right: 1em;
    overflow-x: hidden;
    text-overflow: ellipsis;

    .url {
      display: inline-block;
      min-width: 3em;
    }
  }

  :global {
    .ant-tree-title {
      display: inline-flex;
      align-items: center;
      width: calc(100% - 24px);
      line-height: initial;
    }
  }

  .btns {
    display: inline-block;
    padding-left: 1em;
  }

  .btns > button {
    margin-right: 0.4em;
  }
}
