perf(a11y): add focus-visible outline to posts list (#481)

This commit is contained in:
Doma 2023-05-03 19:53:45 +08:00 committed by GitHub
parent d53514322b
commit 289316e27b
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 1 additions and 1 deletions

View File

@ -48,7 +48,7 @@ export const SiteHome: React.FC<{
<Link
key={post.transactionHash}
href={getSlugUrl(`/${post.metadata?.content?.slug}`)}
className="xlog-post sm:hover:bg-hover bg-white transition-all px-5 py-7 -mx-5 first:-mt-5 sm:rounded-xl flex flex-col sm:flex-row items-center"
className="xlog-post focus-visible:outline focus-visible:outline-accent sm:hover:bg-hover bg-white transition-colors px-5 py-7 -mx-5 first:-mt-5 sm:rounded-xl flex flex-col sm:flex-row items-center"
suppressHydrationWarning
>
<div className="flex-1 flex justify-center flex-col w-full min-w-0">