.project-page {
  @apply min-h-full h-full w-full;
  .header {
    //padding: 16px 32px 0 32px;
    background: #fff;

    &.short-header {
      .el-descriptions {
        @apply hidden;
      }

      .name {
        padding-bottom: 2px;
      }

      .nav {
        padding-top: 0;
      }

      & + .main {
        min-height: calc(100% - 90px);
      }
    }

    .name {
      font-size: 20px;
      font-weight: 500;
      color: #17233d;
      padding: 16px 32px;
    }

    ::v-deep .el-descriptions {
      padding: 0 32px;

      .el-descriptions__label {
        margin-right: 0;
      }
    }

    .nav {
      @apply flex h-full items-center select-none;
      background: #fff;
      padding: 10px 32px 0;
      border-bottom: 1px solid #e8eaec;

      .item {
        @apply h-full cursor-pointer;
        margin: 0 16px;
        padding: 8px 16px;

        &:first-child {
          margin-left: 0;
        }

        &.exact-active {
          border-bottom: 2px solid #409eff;
          color: #409eff;
        }
      }
    }
  }

  .main {
    @apply relative;
    min-height: calc(100% - 168px);
  }
}
