From e7bbd850b2cc2aea24fde5dfb8b4b5d46acd2933 Mon Sep 17 00:00:00 2001
From: Steven <stevenlgtm@gmail.com>
Date: Wed, 21 Feb 2024 21:31:34 +0800
Subject: [PATCH] chore: tweak spoiler animation

---
 web/src/components/MemoContent/Spoiler.tsx | 5 +----
 1 file changed, 1 insertion(+), 4 deletions(-)

diff --git a/web/src/components/MemoContent/Spoiler.tsx b/web/src/components/MemoContent/Spoiler.tsx
index 44ca3b65..f0a86f44 100644
--- a/web/src/components/MemoContent/Spoiler.tsx
+++ b/web/src/components/MemoContent/Spoiler.tsx
@@ -10,10 +10,7 @@ const Spoiler: React.FC<Props> = ({ content }: Props) => {
 
   return (
     <span
-      className={classNames(
-        "inline cursor-pointer select-none transition-all",
-        isRevealed ? "bg-gray-100 dark:bg-zinc-700" : "bg-gray-200 dark:bg-zinc-600",
-      )}
+      className={classNames("inline cursor-pointer select-none", isRevealed ? "" : "animate-pulse bg-gray-200 dark:bg-zinc-700")}
       onClick={() => setIsRevealed(!isRevealed)}
     >
       <span className={classNames(isRevealed ? "opacity-100" : "opacity-0")}>{content}</span>