jblu/jonbio
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge pull request #322 from llovvoll/fix/scroll-top-button

Browse Source 
fix: should use visibility to control display state of scroll top button
This commit is contained in:
Timothy
2022-01-04 10:14:03 +08:00
committed by GitHub
parent f9503d8c85 759f33d73c
commit 5e617c6527
1 changed files with 3 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
components/ScrollTopAndComment.js
View File

@@ -22,12 +22,13 @@ const ScrollTopAndComment = () => {
document.getElementById('comment').scrollIntoView()
}
return (
<div className="fixed flex-col hidden gap-3 right-8 bottom-8 md:flex">
<div
className={`fixed flex-col hidden gap-3 right-8 bottom-8 ${show ? 'md:flex' : 'md:hidden'}`}
>
<button
aria-label="Scroll To Comment"
type="button"
onClick={handleScrollToComment}
style={{ opacity: show ? 1 : 0 }}
className="p-2 text-gray-500 transition-all bg-gray-200 rounded-full dark:text-gray-400 dark:bg-gray-700 dark:hover:bg-gray-600 hover:bg-gray-300"
>
<svg className="w-5 h-5" viewBox="0 0 20 20" fill="currentColor">
@@ -42,7 +43,6 @@ const ScrollTopAndComment = () => {
aria-label="Scroll To Top"
type="button"
onClick={handleScrollTop}
style={{ opacity: show ? 1 : 0 }}
className="p-2 text-gray-500 transition-all bg-gray-200 rounded-full dark:text-gray-400 dark:bg-gray-700 dark:hover:bg-gray-600 hover:bg-gray-300"
>
<svg className="w-5 h-5" viewBox="0 0 20 20" fill="currentColor">