feat: transition
This commit is contained in:
parent
2ab2b05233
commit
91e5e72228
|
|
@ -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`,
|
||||
)}
|
||||
>
|
||||
|
|
|
|||
|
|
@ -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">
|
||||
|
|
|
|||
Loading…
Reference in New Issue