1ae4f5bfd8
The external guest link icon was fading in/out on every WebSocket update, creating a distracting visual effect. Now the fade-in animation only plays when the URL first becomes available (initial load or when saving a new URL), rather than re-triggering on every state update. - Add fadeIn keyframe animation to Tailwind config - Track animation state with shouldAnimateIcon signal - Only animate on transition from no URL to having a URL - Clear animation flag after 200ms to prevent re-triggering
27 lines
No EOL
482 B
JavaScript
27 lines
No EOL
482 B
JavaScript
export default {
|
|
content: [
|
|
"./index.html",
|
|
"./src/**/*.{js,ts,jsx,tsx}",
|
|
],
|
|
darkMode: 'class',
|
|
theme: {
|
|
extend: {
|
|
colors: {
|
|
gray: {
|
|
750: '#2d3748',
|
|
}
|
|
},
|
|
animation: {
|
|
'spin-slow': 'spin 2s linear infinite',
|
|
'fadeIn': 'fadeIn 0.2s ease-in',
|
|
},
|
|
keyframes: {
|
|
fadeIn: {
|
|
'0%': { opacity: '0' },
|
|
'100%': { opacity: '1' },
|
|
}
|
|
}
|
|
},
|
|
},
|
|
plugins: [],
|
|
} |