diff --git a/src/modules/record/components/StepRecord.vue b/src/modules/record/components/StepRecord.vue index 9457ce9..9e8535b 100644 --- a/src/modules/record/components/StepRecord.vue +++ b/src/modules/record/components/StepRecord.vue @@ -60,8 +60,8 @@ const isSuperiorToEstimation = computed(() => { - {{ step.title }}
+ {{ step.title }} {{ step.estimation }} minutes {{ duration }} minutes @@ -73,6 +73,10 @@ const isSuperiorToEstimation = computed(() => { .step-record { .status { text-align: center; + + div { + margin: auto; + } } .rank { @@ -80,15 +84,9 @@ const isSuperiorToEstimation = computed(() => { } .blob { - background: black; border-radius: 50%; - box-shadow: 0 0 0 0 rgba(0, 0, 0, 1); height: 10px; width: 10px; - animation: pulse-black 2s infinite; - } - - .blob { background: rgba(51, 217, 178, 1); box-shadow: 0 0 0 0 rgba(51, 217, 178, 1); animation: pulse 2s infinite; @@ -97,8 +95,8 @@ const isSuperiorToEstimation = computed(() => { .title { display: flex; align-items: center; - justify-content: space-between; padding-right: 1rem; + gap: 1rem; } }