<commit_before><template>
  <div class="DetailCommentCell">
    <h3 class="top">
      <span class="name">{{ cell.author.name }}</span>
      <span class="time-ago">{{ timeAgo }}</span>
    </h3>
    <p class="content">
      {{ cell.content }}
    </p>
  </div>
</template>

<script>
  import timeAgo from '@/utils/timeAgo'

  export default {
    name: 'DetailCommentCell',
    props: ['cell', 'commentTime'],
    data () {
      return {
        timeAgo: timeAgo(this.commentTime)
      }
    }
  }
</script>

<style scoped lang="scss" rel="stylesheet/scss" type="text/scss">
  @import "../../style/functions";

  .DetailCommentCell {
    position: relative;
    font-size: p2r(20);
    color: #999999;
    padding: p2r(35);
    &:after {
      content: '';
      position: absolute;
      width: 100%;
      height: 1px;
      bottom: 0;
      left: 0;
      transform: scaleY(.5);
      border-bottom: 1px dashed #000;
    }
    .top {
      margin-bottom: p2r(20);
      .name {
        color: #5470b5;
        margin-right: p2r(20);
      }
    }
    .content {
      color: #666666;
    }
  }
</style>
<commit_msg>modify detail comment cell style<commit_after><template>
  <div class="DetailCommentCell">
    <h3 class="top">
      <span class="name">{{ cell.author.name }}</span>
      <span class="time-ago">{{ timeAgo }}</span>
    </h3>
    <p class="content">
      {{ cell.content }}
    </p>
  </div>
</template>

<script>
  import timeAgo from '@/utils/timeAgo'

  export default {
    name: 'DetailCommentCell',
    props: ['cell', 'commentTime'],
    data () {
      return {
        timeAgo: timeAgo(this.commentTime)
      }
    }
  }
</script>

<style scoped lang="scss" rel="stylesheet/scss" type="text/scss">
  @import "../../style/functions";

  .DetailCommentCell {
    position: relative;
    font-size: p2r(20);
    color: #999999;
    padding: p2r(35);
    &:not(:first-child):after {
      content: '';
      position: absolute;
      width: 100%;
      height: 1px;
      top: 0;
      left: 0;
      transform: scaleY(.5);
      border-top: 1px dashed #000;
    }
    .top {
      margin-bottom: p2r(20);
      .name {
        color: #5470b5;
        margin-right: p2r(20);
      }
    }
    .content {
      color: #666666;
    }
  }
</style>

{'fraction_non_alphanumeric': 0.17450549450549452, 'fraction_numerical': 0.036923076923076927, 'mean_word_length': 2.1876750700280114, 'pattern_counts': {'":': 0, '<': 35, '<?xml version=': 0, '>': 35, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '3618729', 'n_tokens_mistral': 862, 'n_tokens_neox': 811, 'n_words': 170}