v0.1.52 - 이월 배지와 통계 설명 팝업 정리
This commit is contained in:
@@ -1,4 +1,6 @@
|
||||
<script setup>
|
||||
import GuideTooltip from './GuideTooltip.vue'
|
||||
|
||||
defineProps({
|
||||
overviewCards: {
|
||||
type: Array,
|
||||
@@ -140,10 +142,14 @@ const emit = defineEmits(['update:range-start', 'update:range-end', 'quick-range
|
||||
|
||||
<div class="grid gap-6">
|
||||
<article class="rounded-[28px] border border-stone-200 bg-white/86 p-6">
|
||||
<p class="text-[11px] font-bold tracking-[0.22em] text-stone-500">BEST DAY</p>
|
||||
<p class="mt-2 text-[11px] font-semibold leading-5 text-stone-500">
|
||||
선택 기간 안에서 집중 시간이 가장 긴 날짜입니다.
|
||||
</p>
|
||||
<div class="flex items-center gap-2">
|
||||
<p class="text-[11px] font-bold tracking-[0.22em] text-stone-500">BEST DAY</p>
|
||||
<GuideTooltip
|
||||
title="Best Day"
|
||||
description="선택 범위 안에서 FOCUSED TIME이 가장 큰 날짜를 보여줍니다."
|
||||
:dismissible="false"
|
||||
/>
|
||||
</div>
|
||||
<div v-if="bestDay" class="mt-4">
|
||||
<h2 class="text-2xl font-semibold tracking-[-0.05em] text-stone-900">
|
||||
{{ bestDay.dateLabel }}
|
||||
@@ -158,10 +164,14 @@ const emit = defineEmits(['update:range-start', 'update:range-end', 'quick-range
|
||||
</article>
|
||||
|
||||
<article class="rounded-[28px] border border-stone-200 bg-white/86 p-6">
|
||||
<p class="text-[11px] font-bold tracking-[0.22em] text-stone-500">RECENT RECORDS</p>
|
||||
<p class="mt-2 text-[11px] font-semibold leading-5 text-stone-500">
|
||||
선택 기간 안의 최근 기록을 날짜 내림차순으로 최대 5개 표시합니다.
|
||||
</p>
|
||||
<div class="flex items-center gap-2">
|
||||
<p class="text-[11px] font-bold tracking-[0.22em] text-stone-500">RECENT RECORDS</p>
|
||||
<GuideTooltip
|
||||
title="Recent Records"
|
||||
description="선택 범위 안의 기록을 날짜 내림차순으로 최대 5개까지 보여줍니다."
|
||||
:dismissible="false"
|
||||
/>
|
||||
</div>
|
||||
<div class="mt-4 space-y-4">
|
||||
<div
|
||||
v-for="record in recentRecords"
|
||||
|
||||
Reference in New Issue
Block a user