diff --git a/frontend/components/ServerPortlet.vue b/frontend/components/ServerPortlet.vue index 9787d40..9c82722 100644 --- a/frontend/components/ServerPortlet.vue +++ b/frontend/components/ServerPortlet.vue @@ -486,24 +486,25 @@ function formatTimeAgo(datetime: string | null): string { .no-container { font-size: 16px; color: var(--text-muted); padding: 16px; display: flex; align-items: center; justify-content: center; } -/* 값 변경 시 하이라이트 애니메이션 - 더 눈에 띄게 */ +/* 값 변경 시 하이라이트 애니메이션 - 글자색 변경 */ @keyframes valueFlash { 0% { - background-color: rgba(59, 130, 246, 0.6); - transform: scale(1.1); + color: #3b82f6; + text-shadow: 0 0 8px rgba(59, 130, 246, 0.8); + transform: scale(1.15); } 50% { - background-color: rgba(59, 130, 246, 0.3); - transform: scale(1.05); + color: #60a5fa; + text-shadow: 0 0 4px rgba(59, 130, 246, 0.5); + transform: scale(1.08); } 100% { - background-color: transparent; + text-shadow: none; transform: scale(1); } } .value-changed { animation: valueFlash 1.5s ease-out; - border-radius: 4px; }