Replace blue ring with blue dot indicator in bottom-right on tile update

This commit is contained in:
spencrmartin
2025-11-10 14:53:01 -05:00
parent 4305108078
commit 05dc08a036
@@ -569,7 +569,6 @@ export const TopNavigation: React.FC<TopNavigationProps> = ({ isExpanded, setIsE
? 'bg-background-accent text-text-on-accent'
: 'bg-background-default hover:bg-background-medium'
}
${isPulsing ? 'ring-2 ring-blue-400' : ''}
${isLastTile && totalTiles === 10 ? 'sm:aspect-[3/1] md:aspect-[3/1] lg:aspect-square' : 'aspect-square'}
`}
>
@@ -578,6 +577,16 @@ export const TopNavigation: React.FC<TopNavigationProps> = ({ isExpanded, setIsE
<GripVertical className="w-4 h-4 text-text-muted" />
</div>
{/* Update indicator dot */}
{isPulsing && (
<motion.div
initial={{ scale: 0, opacity: 0 }}
animate={{ scale: 1, opacity: 1 }}
exit={{ scale: 0, opacity: 0 }}
className="absolute bottom-3 right-3 w-2 h-2 bg-blue-500 rounded-full animate-pulse"
/>
)}
{/* Tag in top corner */}
{item.getTag && (
<div className={`absolute top-4 px-2 py-1 bg-background-muted rounded-full ${