Skip to content

Commit ceec3ae

Browse files
committed
feat: fix footer social icon hover colors
- Add group class to social link containers for group hover functionality - Add group-hover:text-black to social icons for proper contrast - Icons now change from white to black when hovering (background becomes white - Ensures proper contrast and readability on hover states - Maintains smooth transition animations for all hover effects
1 parent efb90f0 commit ceec3ae

File tree

1 file changed

+2
-2
lines changed

1 file changed

+2
-2
lines changed

src/components/layout/Footer.tsx

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -94,9 +94,9 @@ const Footer = () => {
9494
rel="noopener noreferrer"
9595
whileHover={{ scale: 1.1, y: -2 }}
9696
whileTap={{ scale: 0.95 }}
97-
className="w-10 h-10 bg-muted rounded-lg flex items-center justify-center hover:bg-primary hover:text-primary-foreground transition-colors"
97+
className="w-10 h-10 bg-muted rounded-lg flex items-center justify-center hover:bg-primary hover:text-primary-foreground transition-colors group"
9898
>
99-
<social.icon className="w-5 h-5 text-white" />
99+
<social.icon className="w-5 h-5 text-white group-hover:text-black transition-colors" />
100100
</motion.a>
101101
))}
102102
</div>

0 commit comments

Comments
 (0)