mirror of
https://github.com/aaif-goose/goose.git
synced 2026-07-03 14:10:03 +02:00
Replace blue ring with blue dot indicator in bottom-right on tile update
This commit is contained in:
@@ -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 ${
|
||||
|
||||
Reference in New Issue
Block a user