BradNut/awesome-uses
1
0
Fork 0
mirror of https://github.com/BradNut/awesome-uses synced 2025-09-08 17:40:31 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

fix

Browse source
This commit is contained in:
Mosaad 2023-02-23 01:30:00 +02:00
parent e1aa69ac89
commit 53ecf623c4
2 changed files with 4 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
src/components/BackToTop.js
View file

@ -25,7 +25,7 @@ function useScrollPosition() {
export default function BackToTop() { export default function BackToTop() {
const percent = useScrollPosition(); const percent = useScrollPosition();
return ( return (
<a className="BackToTopLink" href="#top" title="Back To Top" percent={percent}> <a className={`BackToTopLink ${percent > 0.25 ? 'Show' : ''}`} href="#top" title="Back To Top">
&uarr; &uarr;
</a> </a>
); );

8
src/styles.css
View file

@ -245,7 +245,6 @@ body::-webkit-scrollbar-thumb {
position: fixed; position: fixed;
bottom: 1%; bottom: 1%;
right: 1%; right: 1%;
background: var(--pink);
color: white; color: white;
background: rgba(0, 0, 0, 0.5); background: rgba(0, 0, 0, 0.5);
cursor: pointer; cursor: pointer;
@ -255,11 +254,10 @@ body::-webkit-scrollbar-thumb {
opacity: 0; opacity: 0;
text-decoration: none; text-decoration: none;
/* ${props => &.Show {
props.percent > 0.25 &&
`
opacity: 1; opacity: 1;
`} */ }
@media screen and (max-width: 500px) { @media screen and (max-width: 500px) {
display: none; display: none;
} }