From eebe20026c4f193ccab92784356e41b6fc18724c Mon Sep 17 00:00:00 2001 From: Hikari Date: Fri, 20 Feb 2026 00:54:09 -0800 Subject: [PATCH] feat: add brand icon to navbar for visual elegance MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit 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~ 🌸 --- .../app/components/header/header.component.ts | 22 +++++++++++++++++++ 1 file changed, 22 insertions(+) diff --git a/apps/frontend/src/app/components/header/header.component.ts b/apps/frontend/src/app/components/header/header.component.ts index abc19d2..924f56c 100644 --- a/apps/frontend/src/app/components/header/header.component.ts +++ b/apps/frontend/src/app/components/header/header.component.ts @@ -18,6 +18,7 @@ import { ApiService } from '../../services/api.service';