style: optimize hover transition for Help component

kyrers · kyrers · commit df464f810d38 · 2025-11-06T18:28:17.000Z
diff --git a/web/src/layout/Header/navbar/Menu/Help.tsx b/web/src/layout/Header/navbar/Menu/Help.tsx
@@ -63,7 +63,7 @@ const Help: React.FC<IHelp> = ({ toggleIsHelpOpen }) => {
             className="flex gap-2 py-3 px-2 cursor-pointer transition-transform duration-200 hover:scale-[1.02]"
           >
             <item.Icon className="inline-block w-4 h-4 fill-klerosUIComponentsSecondaryPurple" />
-            <small className="text-base font-normal hover:transition-colors hover:duration-100 hover:text-klerosUIComponentsSecondaryPurple">
+            <small className="text-base font-normal transition-colors duration-100 hover:text-klerosUIComponentsSecondaryPurple">
               {item.text}
             </small>
           </a>

Original file line number	Diff line number	Diff line change
`@@ -63,7 +63,7 @@ const Help: React.FC<IHelp> = ({ toggleIsHelpOpen }) => {`
`63`	`63`	`className="flex gap-2 py-3 px-2 cursor-pointer transition-transform duration-200 hover:scale-[1.02]"`
`64`	`64`	`>`
`65`	`65`	`<item.Icon className="inline-block w-4 h-4 fill-klerosUIComponentsSecondaryPurple" />`
`66`		`- <small className="text-base font-normal hover:transition-colors hover:duration-100 hover:text-klerosUIComponentsSecondaryPurple">`
	`66`	`+ <small className="text-base font-normal transition-colors duration-100 hover:text-klerosUIComponentsSecondaryPurple">`
`67`	`67`	`{item.text}`
`68`	`68`	`</small>`
`69`	`69`	`</a>`