Transition the hover state on the side menu section

samejr · samejr · commit 3b4d9d6f1c85 · 2025-03-24T13:17:00.000Z
diff --git a/apps/webapp/app/components/navigation/SideMenuSection.tsx b/apps/webapp/app/components/navigation/SideMenuSection.tsx
@@ -29,7 +29,7 @@ export function SideMenuSection({
   return (
     <div>
       <div
-        className="flex cursor-pointer items-center gap-1 rounded-sm py-1 pl-1 text-text-dimmed hover:bg-charcoal-750 hover:text-text-bright"
+        className="flex cursor-pointer items-center gap-1 rounded-sm py-1 pl-1 text-text-dimmed transition hover:bg-charcoal-750 hover:text-text-bright"
         onClick={handleToggle}
       >
         <h2 className="text-xs">{title}</h2>

Original file line number	Diff line number	Diff line change
`@@ -29,7 +29,7 @@ export function SideMenuSection({`
`29`	`29`	`return (`
`30`	`30`	`<div>`
`31`	`31`	`<div`
`32`		`- className="flex cursor-pointer items-center gap-1 rounded-sm py-1 pl-1 text-text-dimmed hover:bg-charcoal-750 hover:text-text-bright"`
	`32`	`+ className="flex cursor-pointer items-center gap-1 rounded-sm py-1 pl-1 text-text-dimmed transition hover:bg-charcoal-750 hover:text-text-bright"`
`33`	`33`	`onClick={handleToggle}`
`34`	`34`	`>`
`35`	`35`	`<h2 className="text-xs">{title}</h2>`