gsadmin/pulse
1
0
Fork 0
mirror of https://github.com/rcourtman/Pulse.git synced 2026-09-22 19:23:31 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat: add smooth scale animation to tag indicators on hover

Browse Source
This commit is contained in:
Pulse Monitor
2025-08-29 12:16:22 +00:00
parent 1b64fe7001
commit cb9eb900da
1 changed files with 2 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend-modern/src/components/Dashboard/TagBadges.tsx
+2 -2
View File
@@ -48,7 +48,7 @@ export const TagBadges: Component<TagBadgesProps> = (props) => {
>
{/* Colored dot indicator */}
<div
class="w-2 h-2 rounded-full hover:scale-110 transition-all cursor-pointer"
class="w-2 h-2 rounded-full hover:scale-125 transition-transform duration-200 ease-out cursor-pointer"
style={{
'background-color': colors.bg,
'box-shadow': isActive()
@@ -77,7 +77,7 @@ export const TagBadges: Component<TagBadgesProps> = (props) => {
setTooltipPos(null);
}}
>
<div class="text-[10px] text-gray-500 dark:text-gray-400 cursor-pointer hover:text-gray-700 dark:hover:text-gray-300">
<div class="text-[10px] text-gray-500 dark:text-gray-400 cursor-pointer hover:text-gray-700 dark:hover:text-gray-300 hover:scale-110 transition-transform duration-200 ease-out">
+{hiddenTags().length}
</div>
</div>