miniapp/src/components/IssueCard/style.module.less

.issue-card-wrapper {
  width: calc(100% - var(--main-space) * 2);
  margin: var(--main-space);
  background: #ffffff;
  box-shadow: 0px 18px 22px 1px rgba(0, 0, 0, 0.06);
  border-radius: 8px;
  padding: 20px 20px 40px 20px;

  .issue-card-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 28px;
    & > view {
      flex: 1;
      line-height: 52px;
      color: #202020;

      &:last-child {
        flex: none;
        color: #222;
      }
    }
  }

  .issue-card-body {
    padding: 20px;
    font-size: 30px;
    color: #333;
    line-height: 54px;
    height: 252px;
    margin-top: calc(var(--main-space) / 2);
  }

  .issue-card-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;

    font-size: 28px;
    line-height: 32px;
    color: #202020;
    margin-top: var(--main-space);

    image {
      display: inline-block;
      width: 25px;
      height: 29px;
      margin-right: 10px;
      vertical-align: middle;
    }

    & > view {
      flex: 1;

      &:last-child {
        flex: none;
      }
    }
  }
}