From ba89e1808da0f8747984fac33b7b61ccd12b53e2 Mon Sep 17 00:00:00 2001
From: LeonspaceX <xiezhengyang112022@163.com>
Date: Tue, 27 Jan 2026 16:04:13 +0800
Subject: [PATCH] Remove PostCard focus outline

---
 front/src/components/PostCard.tsx | 16 ++++++++++++++++
 1 file changed, 16 insertions(+)

diff --git a/front/src/components/PostCard.tsx b/front/src/components/PostCard.tsx
index a38693a..16909e9 100644
--- a/front/src/components/PostCard.tsx
+++ b/front/src/components/PostCard.tsx
@@ -151,6 +151,18 @@ const useStyles = makeStyles({
     justifyItems: 'center',
     gap: '0 8px',
   },
+  actionButton: {
+    '&:focus': {
+      outlineStyle: 'none',
+    },
+    '&:focus-visible': {
+      outlineStyle: 'none',
+    },
+    '&::after': {
+      outline: 'none',
+      boxShadow: 'none',
+    },
+  },
   modalOverlay: {
     position: 'fixed',
     top: 0,
@@ -229,6 +241,7 @@ const PostCard = ({
           <Button
             icon={<ArrowUp24Regular />}
             appearance="transparent"
+            className={styles.actionButton}
             onClick={async () => {
               if (hasVoted) {
                 dispatchToast(
@@ -259,6 +272,7 @@ const PostCard = ({
           <Button
             icon={<ArrowDown24Regular />}
             appearance="transparent"
+            className={styles.actionButton}
             onClick={async () => {
               if (hasVoted) {
                 dispatchToast(
@@ -289,11 +303,13 @@ const PostCard = ({
           <Button
             icon={<Comment24Regular />}
             appearance="transparent"
+            className={styles.actionButton}
             onClick={() => setShowComments(!showComments)}
           />
           <Button
             icon={<Warning24Regular />}
             appearance="transparent"
+            className={styles.actionButton}
             onClick={() => setShowReportModal(true)}
           />
         </div>