feat: add shimmer bar when dashboard is refetching after filter change

Shows a thin animated orange bar below the filter bar while SWR
revalidates, so users know their filter was applied. Hidden on
initial load where the skeleton already provides feedback.
This commit is contained in:
Usman Baig
2026-03-16 11:39:28 +01:00
parent e4291c44a8
commit be1d9a2f46
2 changed files with 13 additions and 1 deletions

View File

@@ -27,11 +27,16 @@ const config: Config = {
'0%': { opacity: '0' },
'100%': { opacity: '1' },
},
shimmer: {
'0%': { transform: 'translateX(-100%)' },
'100%': { transform: 'translateX(400%)' },
},
},
animation: {
'cell-highlight': 'cell-highlight 0.5s ease forwards',
'cell-flash': 'cell-flash 0.6s ease forwards',
'fade-in': 'fade-in 150ms ease-out',
shimmer: 'shimmer 1.2s ease-in-out infinite',
},
fontFamily: {
sans: ['var(--font-plus-jakarta-sans)', 'system-ui', 'sans-serif'],