All files / components/atoms/Stamps/NotCheckedStamp NotCheckedStamp.vue

100% Statements 6/6
100% Branches 0/0
100% Functions 0/0
100% Lines 6/6

Press n or j to go to the next uncovered block, b, p or k for the previous block.

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 351x             1x 1x 1x 1x 1x                                              
<script setup lang="ts">
defineProps({
  text: String,
});
</script>
 
<template>
  <div :class="$style.stamp">
    <span :class="$style.stamp_text">
      {{ text }}
    </span>
  </div>
</template>
 
<style module>
.stamp {
  border-radius: 999px;
  border: 3px solid #777;
  width: 48px;
  height: 48px;
  background-color: #777;
}
 
.stamp_text {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
 
  color: #eee;
  font-size: 24px;
  line-height: 100%;
}
</style>