chore: tweak spoiler animation

pull/2998/head
Steven 1 year ago
parent c6162d3f38
commit e7bbd850b2

@ -10,10 +10,7 @@ const Spoiler: React.FC<Props> = ({ content }: Props) => {
return ( return (
<span <span
className={classNames( className={classNames("inline cursor-pointer select-none", isRevealed ? "" : "animate-pulse bg-gray-200 dark:bg-zinc-700")}
"inline cursor-pointer select-none transition-all",
isRevealed ? "bg-gray-100 dark:bg-zinc-700" : "bg-gray-200 dark:bg-zinc-600",
)}
onClick={() => setIsRevealed(!isRevealed)} onClick={() => setIsRevealed(!isRevealed)}
> >
<span className={classNames(isRevealed ? "opacity-100" : "opacity-0")}>{content}</span> <span className={classNames(isRevealed ? "opacity-100" : "opacity-0")}>{content}</span>

Loading…
Cancel
Save