소스 수정
This commit is contained in:
@@ -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; }
|
.no-container { font-size: 16px; color: var(--text-muted); padding: 16px; display: flex; align-items: center; justify-content: center; }
|
||||||
|
|
||||||
/* 값 변경 시 하이라이트 애니메이션 - 더 눈에 띄게 */
|
/* 값 변경 시 하이라이트 애니메이션 - 글자색 변경 */
|
||||||
@keyframes valueFlash {
|
@keyframes valueFlash {
|
||||||
0% {
|
0% {
|
||||||
background-color: rgba(59, 130, 246, 0.6);
|
color: #3b82f6;
|
||||||
transform: scale(1.1);
|
text-shadow: 0 0 8px rgba(59, 130, 246, 0.8);
|
||||||
|
transform: scale(1.15);
|
||||||
}
|
}
|
||||||
50% {
|
50% {
|
||||||
background-color: rgba(59, 130, 246, 0.3);
|
color: #60a5fa;
|
||||||
transform: scale(1.05);
|
text-shadow: 0 0 4px rgba(59, 130, 246, 0.5);
|
||||||
|
transform: scale(1.08);
|
||||||
}
|
}
|
||||||
100% {
|
100% {
|
||||||
background-color: transparent;
|
text-shadow: none;
|
||||||
transform: scale(1);
|
transform: scale(1);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.value-changed {
|
.value-changed {
|
||||||
animation: valueFlash 1.5s ease-out;
|
animation: valueFlash 1.5s ease-out;
|
||||||
border-radius: 4px;
|
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|||||||
Reference in New Issue
Block a user