chore: tweak spoiler animation

1 year ago · e7bbd850b2
parent c6162d3f38
commit e7bbd850b2
1 changed files with 1 additions and 4 deletions
--- 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>