v0.1.35 - 사용자 노출 문구 한글화와 펼침 폭 보정

This commit is contained in:
2026-04-22 17:38:57 +09:00
parent 4e1263348e
commit 2462d79053
6 changed files with 43 additions and 37 deletions

View File

@@ -125,27 +125,29 @@ function selectYear(year) {
</span>
</div>
<div class="grid grid-cols-7 gap-1.5 sm:gap-2">
<button
<div
v-for="day in days"
:key="day.key"
type="button"
class="aspect-square min-h-[34px] rounded-full border text-[10px] font-semibold transition sm:min-h-[40px] sm:text-[11px]"
:class="[
day.key === selectedKey
? 'border-ink bg-ink text-white'
: 'border-stone-200 bg-stone-50 text-stone-700 hover:border-stone-400 hover:bg-white',
day.isCurrentMonth ? '' : 'opacity-35',
]"
@click="emit('select', day.date)"
class="flex items-center justify-center"
>
<span class="relative flex h-full w-full items-center justify-center">
<button
type="button"
class="relative flex size-8 items-center justify-center rounded-full border text-[10px] font-semibold transition sm:size-10 sm:text-[11px]"
:class="[
day.key === selectedKey
? 'border-ink bg-ink text-white'
: 'border-stone-200 bg-stone-50 text-stone-700 hover:border-stone-400 hover:bg-white',
day.isCurrentMonth ? '' : 'opacity-35',
]"
@click="emit('select', day.date)"
>
<span>{{ day.label }}</span>
<span
v-if="markedKeys.includes(day.key)"
class="absolute bottom-[3px] h-1 w-1 rounded-full bg-red-500 sm:h-[5px] sm:w-[5px]"
/>
</span>
</button>
</button>
</div>
</div>
</section>
</template>

View File

@@ -147,7 +147,7 @@ onBeforeUnmount(() => {
/>
</div>
<div class="relative min-h-[82px] w-full border-t border-ink px-[10px] pt-[10px] lg:w-[210px]">
<span class="absolute -top-2 left-0 bg-paper px-[2px] text-muted">TOTAL TIME</span>
<span class="absolute -top-2 left-0 bg-paper px-[2px] text-muted"> 시간</span>
<p class="pt-5 text-[11px] tracking-[0.2em] text-ink sm:pt-6 sm:text-sm">{{ totalTime }}</p>
</div>
</div>