YourSelfHosted/memos
1
0
Fork 0
mirror of https://github.com/usememos/memos.git synced 2025-06-05 22:09:59 +02:00
Code Issues Packages Projects Releases Wiki Activity

chore: tweak spoiler animation

Browse Source
This commit is contained in:
Steven
2024-02-21 21:31:34 +08:00
parent c6162d3f38
commit e7bbd850b2
1 changed files with 1 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
web/src/components/MemoContent/Spoiler.tsx
View File

@@ -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>