From a14ec40872e677dfbb31b4871419aeb8cd8ac3e4 Mon Sep 17 00:00:00 2001 From: Kagamine Rin Date: Fri, 29 May 2026 20:50:36 -0400 Subject: [PATCH] fix: Register marquee animation in Tailwind config The marquee scroll effect wasn't working because 'animate-marquee' was defined as an inline CSS class, not a Tailwind utility. Tailwind's JIT compiler strips unknown classes, so group-hover:animate-marquee was being removed at build time. Fix: Added 'marquee-scroll' keyframes and 'marquee' animation to tailwind.config.js theme.extend. Now 'animate-marquee' is a proper Tailwind utility that works with group-hover and responsive variants. Also removed the inline
{/* Play/Pause */} diff --git a/frontend/tailwind.config.js b/frontend/tailwind.config.js index 79e0bb0..a106eea 100644 --- a/frontend/tailwind.config.js +++ b/frontend/tailwind.config.js @@ -12,7 +12,16 @@ export default { 'lyria-accent': '#ff6b35', 'lyria-text': '#e0e0e0', 'lyria-muted': '#6b6b7b', - } + }, + keyframes: { + 'marquee-scroll': { + '0%': { transform: 'translateX(0)' }, + '100%': { transform: 'translateX(-50%)' }, + }, + }, + animation: { + 'marquee': 'marquee-scroll linear infinite', + }, }, }, plugins: [],