2024-05-24

king

2024-05-24 0f6c07ed2f8dddd3ad6e37268bf06df6d82961ed

 src/menu/modalconfig/formfork/index.scss

@@ -4,6 +4,83 @@
  }
  .ant-modal-body {
    min-height: 350px!important;

    .ant-empty {
      margin-top: 50px;
    }

    .fork-tabs {
      border-bottom: 1px solid #e8e8e8;
      text-align: center;
      color: rgba(0, 0, 0, 0.85);

      .tab-item {
        display: inline-block;
        padding: 4px 12px;
        border-bottom: 2px solid transparent;
        transition: all 0.3s;
        cursor: pointer;
      }
      .tab-item:not(:last-child) {
        margin-right: 10px;
      }
      .tab-item.active {
        border-color: #1890ff;
      }
    }
    .forward-wrap {
      text-align: right;
      padding: 5px;
    }
    .fork-wrap {
      padding-top: 15px;
    }
    .fork-item-wrap {
      display: inline-flex;
      width: 50%;
      margin-bottom: 15px;

      .fork-left {
        display: flex;
        width: 50%;
        align-items: center;
      }
      .fork-right {
        display: inline-block;
        width: 50%;

        .fork-item:not(:last-child) {
          margin-bottom: 10px;
        }
        .fork-item::before {
          content: '';
          display: block;
        }
      }

      .fork-item {
        position: relative;
        display: block;
        width: 130px;
        border: 1px solid #bcbcbc;
        padding: 5px 10px;
        height: 55px;
        border-radius: 4px;
        color: rgba(0, 0, 0, 0.85);
        span:not(.fork-tail) {
          display: block;
          white-space: nowrap;
          overflow: hidden;
          text-overflow: ellipsis;
        }
        .fork-tail {
          display: inline-block;
          position: absolute;
          top: 10px;
          right: 140px;
        }
      }
    }
  }

  .ant-modal-footer {