From 289316e27be03e748ee94cba8e794a6948d60e1e Mon Sep 17 00:00:00 2001
From: Doma <leishenghao@126.com>
Date: Wed, 3 May 2023 19:53:45 +0800
Subject: [PATCH] perf(a11y): add focus-visible outline to posts list (#481)

---
 src/components/site/SiteHome.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/site/SiteHome.tsx b/src/components/site/SiteHome.tsx
index 5920f0cf..cfc42a19 100644
--- a/src/components/site/SiteHome.tsx
+++ b/src/components/site/SiteHome.tsx
@@ -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">