selfhostyourtech/reflector
2
0
Fork 0
mirror of https://github.com/Monadical-SAS/reflector.git synced 2025-12-21 12:49:06 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix scroll to bottom

Browse Source
This commit is contained in:
Sara
2023-09-22 16:52:38 +02:00
parent 4be328b5a2
commit 2cc98314d2
3 changed files with 72 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
www/app/transcripts/scrollToBottom.tsx
View File

@@ -9,15 +9,15 @@ type ScrollToBottomProps = {
export default function ScrollToBottom(props: ScrollToBottomProps) {
return (
<div
className={`absolute left-0 w-10 h-10 ${
className={`absolute bottom-0 right-0 ${
props.visible ? "flex" : "hidden"
} top-[49%] text-2xl cursor-pointer opacity-70 hover:opacity-100 transition-opacity duration-200 animate-bounce rounded-xl text-blue-400`}
} text-2xl cursor-pointer opacity-70 hover:opacity-100 transition-opacity duration-200 text-blue-400`}
onClick={() => {
props.handleScrollBottom();
return false;
}}
>
<FontAwesomeIcon icon={faArrowDown} />
<FontAwesomeIcon icon={faArrowDown} className="animate-bounce" />
</div>
);
}