Restored to '0894a95fa90f5d79483f1bc98af2ccf244dd36eb'
Replit-Restored-To: 0894a95fa9
This commit is contained in:
@ -73,14 +73,13 @@ export default function MainContent() {
|
||||
const renderOutletCard = (outlet: MediaOutlet) => {
|
||||
const articleCount = articleCountByOutlet[outlet.id] || 0;
|
||||
const hasArticles = articleCount > 0;
|
||||
const isErlingHaaland = outlet.slug === 'erling-haaland';
|
||||
|
||||
return (
|
||||
<Card
|
||||
key={outlet.id}
|
||||
className={`hover:shadow-md transition-all cursor-pointer bg-white relative ${
|
||||
hasArticles ? 'animate-float ring-2 ring-blue-400/30 shadow-lg' : ''
|
||||
} ${isErlingHaaland ? 'animate-shake' : ''}`}
|
||||
}`}
|
||||
data-testid={`card-outlet-${outlet.id}`}
|
||||
>
|
||||
{hasArticles && (
|
||||
|
||||
@ -137,29 +137,10 @@
|
||||
animation: float 3s ease-in-out infinite;
|
||||
}
|
||||
|
||||
@keyframes shake {
|
||||
0%, 100% {
|
||||
transform: translateX(0) rotate(0deg);
|
||||
}
|
||||
10%, 30%, 50%, 70%, 90% {
|
||||
transform: translateX(-2px) rotate(-1deg);
|
||||
}
|
||||
20%, 40%, 60%, 80% {
|
||||
transform: translateX(2px) rotate(1deg);
|
||||
}
|
||||
}
|
||||
|
||||
.animate-shake {
|
||||
animation: shake 0.5s ease-in-out infinite;
|
||||
}
|
||||
|
||||
@media (prefers-reduced-motion: reduce) {
|
||||
.animate-float {
|
||||
animation: none;
|
||||
}
|
||||
.animate-shake {
|
||||
animation: none;
|
||||
}
|
||||
}
|
||||
|
||||
.card-hover:hover {
|
||||
|
||||
Reference in New Issue
Block a user