diff --git a/src/components/ChattyLLM/LoadingPlaceholder.vue b/src/components/ChattyLLM/LoadingPlaceholder.vue index af6929e0..86ce05db 100644 --- a/src/components/ChattyLLM/LoadingPlaceholder.vue +++ b/src/components/ChattyLLM/LoadingPlaceholder.vue @@ -189,6 +189,15 @@ export default { will-change: background-position; } +/* No animation to avoid vestibular motion triggers. */ +@media (prefers-reduced-motion: reduce) { + .placeholder-item__avatar-circle, + .placeholder-item__content-line, + .placeholder-item__info { + animation: none; + } +} + @keyframes loading-animation { 0% { background-position: 0; diff --git a/src/components/icons/AssistantIcon.vue b/src/components/icons/AssistantIcon.vue index 23c355e2..3c3d7c30 100644 --- a/src/components/icons/AssistantIcon.vue +++ b/src/components/icons/AssistantIcon.vue @@ -72,6 +72,22 @@ export default { animation: pulse 0.6s ease 0.2s forwards; } +/* No animation to avoid vestibular motion triggers. */ +@media (prefers-reduced-motion: reduce) { + .assistant-icon:hover .star1 { + animation: none; + } + + .assistant-icon:hover .star2 { + animation: none; + } + + .assistant-icon:hover .star3 { + animation: none; + } + +} + @keyframes pulse { 0% { transform: scale(1); } 50% { transform: scale(1.4); }