.monaco_editor_area{
  height: 100%;
  .code_title{
    display: flex;
    align-items: center;
    // justify-content: space-between;
    // background: #000;
    background: #333333;
    color: #fff;
    height: 56px;
    padding: 0 30px;
    .flex_strict{
      flex: 1;
    }
    .flex_normal{
      color: #E51C24;
      cursor: pointer;
      margin-right: 30px;
    }
    .code-icon{
      cursor: pointer;
    }
    .flex_strict,
    .flex_normal,
    .code-icon{
      color: #888;
    }
  }
}

.setting_drawer{
  // .ant-drawer-body{
  //   // height: calc(100vh - 120px);
  //   // overflow-y: auto;
  // }
  .ant-drawer-content{
    top: 120px;
    bottom: 56px;
    height: calc(100vh - 176px);
    background: #333333;
    color: #fff;
    .setting_h2{
      color: #fff;
    }

    select{
      color: #fff;
      background: #222222;
      height: 24px;
      // line-height: 24px;
      margin-top: 4px;
    }
    select option{
      background: gold;
      color: #fff;
    }
  }
}