feat: add purple hover effect to 'Frameworks' text

VenomousKnight · VenomousKnight · commit f12062c07b89 · 2025-05-11T20:05:20.000+03:00
diff --git a/components/layout/Header.tsx b/components/layout/Header.tsx
@@ -189,7 +189,7 @@ const Header = () => {
                     className='flex items-center transition-colors duration-200 hover:text-[var(--accent-color)]'
                     style={{ color: 'var(--fc-primary)' }}
                   >
-                    <span className='font-medium'>Frameworks</span>
+                    <span className='font-medium hover:text-purple-400'>Frameworks</span>
                     <svg
                       className={`ml-1 h-4 w-4 transition-transform duration-200 ${isFrameworkDropdownOpen ? 'rotate-180' : ''}`}
                       fill='none'

Original file line number	Diff line number	Diff line change
`@@ -189,7 +189,7 @@ const Header = () => {`
`189`	`189`	`className='flex items-center transition-colors duration-200 hover:text-[var(--accent-color)]'`
`190`	`190`	`style={{ color: 'var(--fc-primary)' }}`
`191`	`191`	`>`
`192`		`- <span className='font-medium'>Frameworks</span>`
	`192`	`+ <span className='font-medium hover:text-purple-400'>Frameworks</span>`
`193`	`193`	`<svg`
`194`	`194`	className={`ml-1 h-4 w-4 transition-transform duration-200 ${isFrameworkDropdownOpen ? 'rotate-180' : ''}`}
`195`	`195`	`fill='none'`