refactor(header): replace static image icon with SVG and update gradient text style

- Replaced hardcoded image icon in `GlassHeader` with inline SVG for better scalability and customization.
- Updated `.gradient-text` to use `--ui-title-gradient` variable for improved design consistency.
This commit is contained in:
zguiyang
2026-03-14 12:45:32 +08:00
parent 043cdc6734
commit e677c03e26
2 changed files with 7 additions and 6 deletions

View File

@@ -69,11 +69,12 @@ export default function GlassHeader({ lang: propLang }: GlassHeaderProps) {
className="flex items-center text-lg font-medium transition-colors duration-150 hover:text-foreground/80"
href={getLocalizedPath('/', lang)}
>
<img
src="/modern-code-icon.svg"
alt="Code Icon"
className="w-6 h-6 mr-2"
/>
<div className="w-6 h-6 mr-2 flex items-center justify-center">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" className="w-full h-full">
<path d="M9 6L3 12L9 18" stroke="currentColor" strokeWidth="2.5" strokeLinecap="round" strokeLinejoin="round" className="text-primary" />
<path d="M15 6L21 12L15 18" stroke="currentColor" strokeWidth="2.5" strokeLinecap="round" strokeLinejoin="round" className="text-accent" />
</svg>
</div>
<span className="gradient-text font-bold">{personalInfo.name}</span>
</motion.a>

View File

@@ -13,7 +13,7 @@
/* Modern Design Elements */
.gradient-text {
background: linear-gradient(to right, #8B5CF6, #EC4899);
background: var(--ui-title-gradient);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;