Skip to content

Custom nav icons and logo from Winbit brand assets#70

Merged
quequeo merged 1 commit intomainfrom
feature/custom-nav-icons
Mar 24, 2026
Merged

Custom nav icons and logo from Winbit brand assets#70
quequeo merged 1 commit intomainfrom
feature/custom-nav-icons

Conversation

@quequeo
Copy link
Owner

@quequeo quequeo commented Mar 24, 2026

Summary

  • Replace inline SVG nav icons with custom PNG icons from the Winbit brand kit
  • Desktop: 18px icons with 8px gap; Mobile: 20px icons with 10px gap
  • Color states via CSS filter: gray (white at 50% opacity) normal, teal #65a7a5 active/hover
  • Add lock icon to "cambiar contrasena" link in both desktop toolbar and mobile menu
  • Use official LOGO.png as header brand image

Test plan

  • All 347 tests pass
  • ESLint clean
  • Prettier clean

- Replace inline SVG nav icons with custom PNG icons from brand kit
- Desktop: 18px icons, 8px gap between icon and text
- Mobile: 20px icons, 10px gap between icon and text
- Normal state: gray (filter to white at 50% opacity)
- Active/hover state: teal #65a7a5 (CSS filter targeting exact color)
- Add lock icon to "cambiar contrasena" in both desktop and mobile
- Use LOGO.png as header brand image
- Rename icon files to URL-safe lowercase names
@quequeo quequeo merged commit 3990583 into main Mar 24, 2026
3 checks passed
@quequeo quequeo deleted the feature/custom-nav-icons branch March 24, 2026 15:48
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant