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

style(home): ajustando alguns links footer top e btn fixos

Browse Source 
home
This commit is contained in:
Bernardo Cunha Ernani Waldhelm 2023-01-04 21:58:29 -03:00
parent 6e3a9ce4cb
commit c51e3aa08b
2 changed files with 31 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
src/components/ButtonsFixed/ButtonsFixed.module.scss
View File

@ -32,6 +32,8 @@
border-radius: 100%;
background: transparent;
background-image: url('../../assets/imgs/logo-top.png');
background-repeat: no-repeat;
background-size: 66px 66px;
width: 66px;
height: 66px;
cursor: pointer;
@ -39,8 +41,26 @@
@media #{$mq-desktop}, #{$mq-tablet}, #{$mq-mobile} {
width: 34px;
height: 34px;
background-size: 34px 34px;
}
img {
width: 66px;
height: 66px;
@media #{$mq-desktop}, #{$mq-tablet}, #{$mq-mobile} {
width: 34px;
height: 34px;
}
}
}
a {
text-decoration: none;
cursor: pointer;
img {
width: 66px;
height: 66px;

22
src/components/Footer/FooterTop/FooterTop.tsx
View File

@ -93,22 +93,22 @@ const FooterTop = () => {
<ul className={'footer__top__block__item-list'}>
<li className={'footer__top__block__item'}>
<a href="/" className={'footer__top__block__link'}>
<span className={'footer__top__block__link'}>
<strong>Atendimento Ao <br/> Consumidor</strong>
</a>
</span>
</li>
<li className={'footer__top__block__item'}>
<a href="/" className={'footer__top__block__link'}>
<a href="http://wa.me/(11)4159 9504" target='_blank' rel='noreferrer' className={'footer__top__block__link'}>
(11) 4159 9504
</a>
</li>
<li className={'footer__top__block__item'}>
<a href="/" className={'footer__top__block__link'}>
<span className={'footer__top__block__link'}>
<strong>Atendimento Online</strong>
</a>
</span>
</li>
<li className={'footer__top__block__item'}>
<a href="/" className={'footer__top__block__link'}>
<a href="http://wa.me/(11)99433-8825" target='_blank' rel='noreferrer' className={'footer__top__block__link'}>
(11) 99433-8825
</a>
</li>
@ -117,27 +117,27 @@ const FooterTop = () => {
<div className={'footer__top__block-social'}>
<ul className={'footer__top__block-social__social-medias'}>
<li className={'footer__top__block-social__social-medias__logo'}>
<a href="/" target='_blank' rel='noreferrer' >
<a href="https://www.facebook.com/digitalm3" target='_blank' rel='noreferrer' >
<img src={facebook} alt="Logo Facebook" />
</a>
</li>
<li className={'footer__top__block-social__social-medias__logo'}>
<a href="/" target='_blank' rel='noreferrer' >
<a href="https://www.instagram.com/m3.ecommerce/" target='_blank' rel='noreferrer' >
<img src={instagram} alt="Logo instagram" />
</a>
</li>
<li className={'footer__top__block-social__social-medias__logo'}>
<a href="/" target='_blank' rel='noreferrer' >
<a href="https://twitter.com/home" target='_blank' rel='noreferrer' >
<img src={twitter} alt="Logo twitter" />
</a>
</li>
<li className={'footer__top__block-social__social-medias__logo'}>
<a href="/" target='_blank' rel='noreferrer' >
<a href="https://www.youtube.com/@m3e-commerce796" target='_blank' rel='noreferrer' >
<img src={youtube} alt="Logo youtube" />
</a>
</li>
<li className={'footer__top__block-social__social-medias__logo'}>
<a href="/" target='_blank' rel='noreferrer' >
<a href="https://www.linkedin.com/company/m3ecommerce/" target='_blank' rel='noreferrer' >
<img src={linkedin} alt="Logo linkedin" />
</a>
</li>