Skip to content

C
canifa_note
Commit e7bbd850 authored by Steven's avatar Steven
Browse files
Options

chore: tweak spoiler animation

parent c6162d3f
Hide whitespace changes
Inline Side-by-side
Showing with 1 addition and 4 deletions
web/src/components/MemoContent/Spoiler.tsx
View file @ e7bbd850
...@@ -10,10 +10,7 @@ const Spoiler: React.FC<Props> = ({ content }: Props) => { ...@@ -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>
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment