v0.1.16 - 토스트 축소 및 D-DAY 구조 정리

This commit is contained in:
2026-04-21 18:29:57 +09:00
parent 1e58c58373
commit 440f0f46a1
5 changed files with 13 additions and 9 deletions

View File

@@ -1333,15 +1333,12 @@ onMounted(() => {
>
<div
v-if="isAuthenticated && syncToastVisible"
class="pointer-events-none fixed bottom-5 right-5 z-40 max-w-xs rounded-2xl border border-stone-200/80 bg-white/92 px-4 py-3 shadow-[0_16px_40px_rgba(28,25,23,0.12)] backdrop-blur"
class="pointer-events-none fixed bottom-5 right-5 z-40 max-w-[240px] rounded-full border border-stone-200/70 bg-white/80 px-3 py-2 shadow-[0_10px_24px_rgba(28,25,23,0.08)] backdrop-blur"
>
<p
class="text-[10px] font-bold tracking-[0.18em]"
class="text-[11px] font-semibold tracking-[0.04em]"
:class="syncStatus === 'error' ? 'text-red-500' : syncStatus === 'syncing' ? 'text-blue-500' : 'text-stone-500'"
>
{{ syncStatus === 'syncing' ? 'SYNC' : syncStatus === 'error' ? 'ERROR' : 'CLOUD' }}
</p>
<p class="mt-1 text-sm font-semibold leading-6 text-stone-800">
{{ syncMessage }}
</p>
</div>