v0.1.16 - 토스트 축소 및 D-DAY 구조 정리
This commit is contained in:
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user