feat: transition

This commit is contained in:
DIYgod 2022-11-12 00:33:52 +00:00
parent 2ab2b05233
commit 91e5e72228
No known key found for this signature in database
GPG Key ID: D159328F47A80DCA
2 changed files with 2 additions and 2 deletions

View File

@ -29,7 +29,7 @@ const HeaderLink: React.FC<{ link: HeaderLinkType }> = ({ link }) => {
href={link.url}
onClick={link.onClick}
className={clsx(
`xlog-site-navigation-item h-10 flex items-center border-b-2 space-x-1 hover:border-gray-500 hover:text-gray-700`,
`xlog-site-navigation-item h-10 flex items-center border-b-2 space-x-1 hover:border-gray-500 hover:text-gray-700 transition-colors`,
active ? `text-accent border-accent` : `border-transparent`,
)}
>

View File

@ -23,7 +23,7 @@ export const SiteHome: React.FC<{
<Link
key={post.id}
href={`/${post.slug || post.id}`}
className="xlog-post hover:bg-zinc-100 transition-colors px-5 py-7 -mx-5 first:-mt-5 sm:rounded-xl flex flex-col sm:flex-row items-center"
className="xlog-post hover:bg-zinc-100 bg-white transition-colors px-5 py-7 -mx-5 first:-mt-5 sm:rounded-xl flex flex-col sm:flex-row items-center"
>
<div className="flex-1 flex justify-center flex-col w-full sm:w-auto">
<h3 className="xlog-post-title text-2xl font-bold">