make hover transition consistant across website

dsnsgithub · dsnsgithub · commit 845518d813de · 2026-01-18T04:12:27.000-08:00
diff --git a/src/components/GithubFeed.astro b/src/components/GithubFeed.astro
@@ -146,7 +146,7 @@ if (eventsCache.data && now - eventsCache.timestamp < eventsCache.TTL) {
 
 	{
 		events.map((item) => (
-			<div class="group mx-2 rounded-xl bg-viola-50 p-4 transition-transform hover:scale-[1.01] sm:mx-4 sm:p-5">
+			<div class="group mx-2 rounded-xl bg-viola-50 p-4 transition-transform duration-500 hover:scale-[1.01] hover:transition hover:duration-500 sm:mx-4 sm:p-5">
 				<a href={item.url} target="_blank" rel="noopener noreferrer" class="flex items-start space-x-3 sm:space-x-4">
 					<img src={item.actor.avatar_url} alt={item.actor.login} class="h-8 w-8 shrink-0 rounded-full border-2 border-white bg-viola-100 shadow-sm sm:h-10 sm:w-10" />
 

Original file line number	Diff line number	Diff line change
`@@ -146,7 +146,7 @@ if (eventsCache.data && now - eventsCache.timestamp < eventsCache.TTL) {`
`146`	`146`
`147`	`147`	`{`
`148`	`148`	`events.map((item) => (`
`149`		`- <div class="group mx-2 rounded-xl bg-viola-50 p-4 transition-transform hover:scale-[1.01] sm:mx-4 sm:p-5">`
	`149`	`+ <div class="group mx-2 rounded-xl bg-viola-50 p-4 transition-transform duration-500 hover:scale-[1.01] hover:transition hover:duration-500 sm:mx-4 sm:p-5">`
`150`	`150`	`<a href={item.url} target="_blank" rel="noopener noreferrer" class="flex items-start space-x-3 sm:space-x-4">`
`151`	`151`	`<img src={item.actor.avatar_url} alt={item.actor.login} class="h-8 w-8 shrink-0 rounded-full border-2 border-white bg-viola-100 shadow-sm sm:h-10 sm:w-10" />`
`152`	`152`