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

@@ -718,7 +718,7 @@ const focusSidebarGridClass = computed(() =>
: 'grid-cols-1',
)
const spreadScale = computed(() => {
const reservedWidth = windowWidth.value >= 1280 ? 410 : 96
const reservedWidth = windowWidth.value >= 1280 ? 532 : 120
const availableWidth = Math.max(windowWidth.value - reservedWidth, 980)
const baseWidth = 1548
const nextScale = Math.min(1, availableWidth / baseWidth)
@@ -1531,7 +1531,7 @@ onBeforeUnmount(() => {
</section>
<section v-if="isAuthenticated && screenMode === 'planner'" class="rounded-[24px] border border-stone-200 bg-white/80 p-4">
<p class="text-[10px] font-bold tracking-[0.16em] text-stone-500">VIEW</p>
<p class="text-[10px] font-bold tracking-[0.16em] text-stone-500">보기 방식</p>
<div class="mt-4 grid gap-2">
<button
type="button"
@@ -1539,7 +1539,7 @@ onBeforeUnmount(() => {
:class="viewMode === 'focus' ? 'bg-stone-900 text-white' : 'bg-stone-100 text-stone-500'"
@click="setViewMode('focus')"
>
1 PAGE + INFO
1페이지 + 정보
</button>
<button
type="button"
@@ -1547,47 +1547,47 @@ onBeforeUnmount(() => {
:class="viewMode === 'spread' ? 'bg-stone-900 text-white' : 'bg-stone-100 text-stone-500'"
@click="setViewMode('spread')"
>
2 PAGE SPREAD
2페이지 펼침
</button>
</div>
</section>
<section v-if="isAuthenticated && screenMode === 'planner'" class="rounded-[24px] border border-stone-200 bg-white/80 p-4">
<p class="text-[10px] font-bold tracking-[0.16em] text-stone-500">DAY MOVE</p>
<p class="text-[10px] font-bold tracking-[0.16em] text-stone-500">날짜 이동</p>
<div class="mt-4 grid gap-2">
<button
type="button"
class="rounded-2xl border border-stone-200 px-4 py-3 text-xs font-bold tracking-[0.14em] text-stone-600 transition hover:border-stone-400 hover:text-ink"
@click="shiftDate(-1)"
>
PREV DAY
이전
</button>
<button
type="button"
class="rounded-2xl border border-stone-200 px-4 py-3 text-xs font-bold tracking-[0.14em] text-stone-600 transition hover:border-stone-400 hover:text-ink"
@click="shiftDate(1)"
>
NEXT DAY
다음
</button>
</div>
</section>
<section v-if="isAuthenticated && screenMode === 'planner'" class="rounded-[24px] border border-stone-200 bg-white/80 p-4">
<p class="text-[10px] font-bold tracking-[0.16em] text-stone-500">PRINT</p>
<p class="text-[10px] font-bold tracking-[0.16em] text-stone-500">인쇄</p>
<div class="mt-4 grid gap-2">
<button
type="button"
class="rounded-2xl border border-stone-200 px-4 py-3 text-xs font-bold tracking-[0.14em] text-stone-600 transition hover:border-stone-400 hover:text-ink"
@click="printSelectedPlanner('single')"
>
PRINT 1-UP
1 인쇄
</button>
<button
type="button"
class="rounded-2xl border border-stone-200 px-4 py-3 text-xs font-bold tracking-[0.14em] text-stone-600 transition hover:border-stone-400 hover:text-ink"
@click="printSelectedPlanner('double')"
>
PRINT 2-UP
2 인쇄
</button>
</div>
</section>
@@ -1680,7 +1680,7 @@ onBeforeUnmount(() => {
</section>
<section v-if="screenMode === 'planner'" class="rounded-[24px] border border-stone-200 bg-white/80 p-4">
<p class="text-[10px] font-bold tracking-[0.16em] text-stone-500">VIEW</p>
<p class="text-[10px] font-bold tracking-[0.16em] text-stone-500">보기 방식</p>
<div class="mt-4 grid gap-2">
<button
type="button"
@@ -1688,7 +1688,7 @@ onBeforeUnmount(() => {
:class="viewMode === 'focus' ? 'bg-stone-900 text-white' : 'bg-stone-100 text-stone-500'"
@click="setViewMode('focus')"
>
1 PAGE + INFO
1페이지 + 정보
</button>
<button
type="button"
@@ -1696,47 +1696,47 @@ onBeforeUnmount(() => {
:class="viewMode === 'spread' ? 'bg-stone-900 text-white' : 'bg-stone-100 text-stone-500'"
@click="setViewMode('spread')"
>
2 PAGE SPREAD
2페이지 펼침
</button>
</div>
</section>
<section v-if="screenMode === 'planner'" class="rounded-[24px] border border-stone-200 bg-white/80 p-4">
<p class="text-[10px] font-bold tracking-[0.16em] text-stone-500">DAY MOVE</p>
<p class="text-[10px] font-bold tracking-[0.16em] text-stone-500">날짜 이동</p>
<div class="mt-4 grid gap-2">
<button
type="button"
class="rounded-2xl border border-stone-200 px-4 py-3 text-xs font-bold tracking-[0.14em] text-stone-600 transition hover:border-stone-400 hover:text-ink"
@click="shiftDate(-1)"
>
PREV DAY
이전
</button>
<button
type="button"
class="rounded-2xl border border-stone-200 px-4 py-3 text-xs font-bold tracking-[0.14em] text-stone-600 transition hover:border-stone-400 hover:text-ink"
@click="shiftDate(1)"
>
NEXT DAY
다음
</button>
</div>
</section>
<section v-if="screenMode === 'planner'" class="rounded-[24px] border border-stone-200 bg-white/80 p-4">
<p class="text-[10px] font-bold tracking-[0.16em] text-stone-500">PRINT</p>
<p class="text-[10px] font-bold tracking-[0.16em] text-stone-500">인쇄</p>
<div class="mt-4 grid gap-2">
<button
type="button"
class="rounded-2xl border border-stone-200 px-4 py-3 text-xs font-bold tracking-[0.14em] text-stone-600 transition hover:border-stone-400 hover:text-ink"
@click="printSelectedPlanner('single')"
>
PRINT 1-UP
1 인쇄
</button>
<button
type="button"
class="rounded-2xl border border-stone-200 px-4 py-3 text-xs font-bold tracking-[0.14em] text-stone-600 transition hover:border-stone-400 hover:text-ink"
@click="printSelectedPlanner('double')"
>
PRINT 2-UP
2 인쇄
</button>
</div>
</section>