Samuel/desafio-react-e-typescript-samuelcondack
1
0
Fork 0
forked from M3-Academy/desafio-react-e-typescript
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Fix: Ajeita o img do FooterTop que tem a função de voltar ao top

Browse Source
This commit is contained in:
SamuelCondack 2023-01-11 10:47:20 -03:00
parent 4580879f78
commit e3f1906e94
4 changed files with 16 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

0
my-app/src/assets/svgs/WppAndArrow.svg → my-app/src/assets/svgs/Arrow.svg
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.3 KiB

After

Width:  |  Height:  |  Size: 2.3 KiB

BIN
my-app/src/assets/svgs/ArrowEdt.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 8.7 KiB

8
my-app/src/components/FooterTop/FooterTop.modules.scss
View File

@ -60,4 +60,12 @@
text-decoration: none;
}
}
.WppArrow{
display: flex;
flex-direction: column;
gap: 5px;
}
.backTop{
cursor: pointer;
}

13
my-app/src/components/FooterTop/FooterTop.tsx
View File

@ -5,7 +5,7 @@ import Twitter from '../../assets/svgs/Twitter.svg'
import Youtube from '../../assets/svgs/Youtube.svg'
import Linkedin from '../../assets/svgs/Linkedin.svg'
import Whatsapp from '../../assets/svgs/Whatsapp.svg'
import WppAndArrow from '../../assets/svgs/WppAndArrow.svg'
import Arrow from '../../assets/svgs/ArrowEdt.png'
const FooterTop = () => {
return (
@ -45,13 +45,16 @@ const FooterTop = () => {
<a href="/">www.loremipsum.com</a>
</div>
</div>
<div>
<a href="/"><img src={WppAndArrow} alt="Whatsapp and Arrow Icon" /></a>
<div className='WppArrow'>
<a href="/"><img src={Whatsapp} alt="Whatsapp and Arrow Icon"/></a>
<img className='backTop' src={Arrow} alt="Back to the top icon" onClick={backtotop}/>
</div>
</div>
</footer>
</>
)
}
export {FooterTop}
function backtotop() {
window.scrollTo(0, 0);
}
export {FooterTop};