hikari eebe20026c feat: add brand icon to navbar for visual elegance ...

Enhanced the navigation bar by adding Naomi's beautiful portrait icon next to the library title.

Visual Enhancements:
- Added 40x40px circular icon in nav-brand section
- Icon features purple border matching app theme
- Subtle purple shadow for depth and cohesion
- Smooth hover animation (scale + enhanced shadow)

Styling Details:
- Border: 2px solid witch-purple (#9d4edd)
- Box shadow: Purple glow matching theme
- Hover effect: 5% scale increase with stronger shadow
- Transition: Smooth 0.2s animation
- Border radius: 50% (perfect circle)
- Object-fit: cover (maintains aspect ratio)

Layout:
- Flexbox layout for nav-brand alignment
- 0.75rem gap between icon and title
- Icon, title, and version badge all properly aligned

The navbar now has a personal, elegant touch with Naomi's portrait greeting users at the top of every page! The circular presentation with the purple border perfectly complements the witchy aesthetic while adding warmth and personality to the interface.

✨ This enhancement was created by Hikari~ 🌸

2026-02-20 00:54:09 -08:00

..

frontend

feat: add brand icon to navbar for visual elegance

2026-02-20 00:54:09 -08:00

frontend-e2e

feat: implement user profiles with achievements and primary badge system (#58)

2026-02-19 22:21:17 -08:00