forgeplus-react/src/App.css

.App {
  text-align: center;
}

.App-logo {
  animation: App-logo-spin infinite 20s linear;
  height: 80px;
}

.App-header {
  background-color: #222;
  height: 150px;
  padding: 20px;
  color: white;
}

.App-title {
  font-size: 1.5em;
}

.App-intro {
  font-size: large;
}

@keyframes App-logo-spin {
  from {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(360deg);
  }
}



/* 控制md编辑器列行的宽度
  见  codermirror maybeUpdateLineNumberWidth方法
*/
.editormd .CodeMirror-linenumbers {
  padding: 0;
}

.editormd-html-preview hr,
.editormd-preview-container hr {
  /* 颜色加深 */
  border-top: 1px solid #ccc;
}

/* 重置掉antd的一些样式 */
html,
body {
  -webkit-font-smoothing: auto !important;
}

.ant-progress-textyes {
  color: #52c41a;
}

.ant-progress-textno {
  color: #f5222d;
}
.CodeMirror .CodeMirror-lines pre.CodeMirror-line{
  font-size: 16px;
  line-height: 20px;
  font-family:"PingFang SC",  "Segoe UI", Helvetica, Arial, "Apple Color Emoji",  SimHei, SimSun,  sans-serif, "Microsoft YaHei";
}
.react-codemirror2 .CodeMirror .CodeMirror-lines pre.CodeMirror-line{
  font-size: 12px;
}
/* md多空格 */
.markdown-body p {
  margin:10px 0px!important;
  font-size: 16px !important;
  /* 用户提出多个徽章换行显示，p标签会换行显示 */
  /* white-space: pre-wrap; */
}

.markdown-body>p {
  line-height: 25px;
}

/* https://www.educoder.net/courses/2346/group_homeworks/34405/question */
.renderAsHtml.markdown-body p {
  white-space: inherit;
}

/* resize */
.editormd .CodeMirror {
  border-right: none !important;
}

.editormd-preview {
  border-left: 1px solid rgb(221, 221, 221);
  /* 某些情况下，被cm盖住了 */
  z-index: 99;
  padding:8px 8px 50px;
}
.editormd-preview .markdown-body{
  padding:0px !important;
}
.editormd-preview{
  width: 50%!important;
}

/* 图片点击放大的场景，隐藏图片链接 */
.editormd-image-click-expand .editormd-image-dialog {
  height: 234px !important;
}

.editormd-image-click-expand .editormd-image-dialog .image-link {
  display: none;
}

/* 解决鼠标框选时，左边第一列没高亮的问题 */
.CodeMirror .CodeMirror-lines pre.CodeMirror-line,
.CodeMirror .CodeMirror-lines pre.CodeMirror-line-like {
  padding: 0 12px;
}


/* antd扩展 */
.formItemInline.ant-form-item {
  display: flex;
}

.formItemInline .ant-form-item-control-wrapper {
  flex: 1;
}

/* AutoComplete  placeholder 不显示的问题 */
.ant-select-auto-complete.ant-select .ant-select-selection__placeholder {
  z-index: 2;
}


/* 兼容性 */
/* 火狐有滚动条时高度问题 */
@-moz-document url-prefix() {
  .newContainers {
    min-height: calc(100% - 60px) !important;
  }
}

.feedBackModal .ant-modal-header{
  border-bottom: none;
  background: none;
  padding: 16px 24px 0;
}

.feedBackModal .ant-modal-title{
  font-weight:500 !important;
  color:#151d40;
  font-size:18px;
}
.feedBackModal .anticon-close{
  font-size: 22px;
}
.feedBackModal .ant-modal-footer{
  border-top: none;
  text-align: center;
  padding-bottom: 40px;
}

.feedBackModal .ant-modal-content{
  background-image:linear-gradient(359.37deg,#ebf3ff 0%,#f8fbff 55.01%,#cbdbff 100%);
  border:1.5px solid #ffffff;
}

.feedBackModal .feedBackText{
  padding: 20px;
  font-size:15px;
  color:#202d40;
}
.feedBackModal .feedBackText::placeholder{
  color:#afb7c2;
}
.feedBackModal .gotoIssueFeedBack{
  color: rgba(70, 106, 255, 1);
}
.feedBackBox{
  position: relative;
  background-color: white;
}
.feedBackText.errorInput{
  border: 1px solid #f60011;
}
.errorInput{
  background-color:rgba(255, 0, 0, 0.04) !important;
}
.ant-input.errorInput:hover{
  background-color: white !important;
}
.countNumBox{
  position: absolute;
  bottom: 2px;
  right: 10px;
}