v0.1.52 - 이월 배지와 통계 설명 팝업 정리

This commit is contained in:
2026-04-23 15:32:48 +09:00
parent 6c69658d33
commit b80994d114
5 changed files with 46 additions and 47 deletions

View File

@@ -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"