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:
@@ -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>
|
||||
|
||||
|
||||
@@ -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;
|
||||
|
||||
Reference in New Issue
Block a user