@layout-max-width: 1100px;

.IDEContainer {
  width: 100%;
  height: calc(100vh - 60px);
  padding: 0;
  display: flex;
  flex-direction: row;

  .content {
    display: flex;
    flex-direction: row;
    height: 100%;
    background-color: var(--color-fill-2);
    min-width: @layout-max-width;
    transition: padding-left 0.2s;
    box-sizing: border-box;
    flex: 1;
    position: relative;

    .mainContent {
      display: flex;
      flex-direction: column;
      position: relative;
      flex: 1;
      overflow: auto;

    }
  }
}