SwitchHosts/app-ui/frame/MyFrame.less

:global {
  .frame {
    @bg: #f5f5f5;
    @btn_default: #05a;
    @lh: 28px;
    text-align: center;
    white-space: nowrap;

    &:before {
      content: '';
      display: inline-block;
      height: 100%;
      vertical-align: middle;
      width: 0;
    }

    h3 {
      font-size: 14px;
      margin: 0;
      padding: 0;
    }

    .ant-modal {
      display: inline-block;
      vertical-align: middle;
      top: 0;
      //top: 50%;
      //left: 50%;
      //transform: translate(-50%, -50%);
      padding-bottom: 0;
      text-align: left;

      .prompt-body {
        //padding: 20px 20px;

        .ln {
          line-height: @lh;
          padding: 2px 0;
          margin-bottom: 10px;
          white-space: normal;

          .title {
            float: left;
            width: 100px;
            line-height: @lh;
          }
          .cnt {
            margin-left: 100px;
            line-height: @lh;
            input[type=text] {
              width: 240px;
              outline: none;
              padding: 4px 10px;
            }
            textarea {
              font-family: Menlo, Monaco, Consolas, 'Courier New', monospace;
            }
          }

          .inform {
            color: #aaa;
            line-height: 20px;
            margin-bottom: 5px;
          }
        }

        input[type=password] {
          letter-spacing: 8px;
        }
      }
    }
  }

  .frame.sudo-prompt {
    .ant-modal {
      width: 300px;
    }
  }
}