forked from M3-Academy/desafio-react-e-typescript
feature/ajuste4k #22
@ -15,7 +15,7 @@ export const BreadCrumb = () => {
|
||||
{pathname !== "/" && (
|
||||
<ul className={styles["breadNav"]}>
|
||||
<li className={styles["navItem"]}>
|
||||
<Link to="//institucional/sobre">
|
||||
<Link to="/institucional/sobre">
|
||||
<img src={homeIcon} alt="Icone de home" />
|
||||
</Link>
|
||||
</li>
|
||||
|
@ -5,13 +5,13 @@
|
||||
flex-direction: column;
|
||||
height: 137px;
|
||||
position: fixed;
|
||||
bottom: 25%;
|
||||
bottom: 255px;
|
||||
right: 16px;
|
||||
|
||||
@media (max-width:2499px) {
|
||||
height: 73px;
|
||||
position: fixed;
|
||||
bottom: 35%;
|
||||
bottom: 225px;
|
||||
right: 16px;
|
||||
}
|
||||
|
||||
|
@ -15,23 +15,23 @@ export const SocialMedia = () => {
|
||||
|
||||
<div className={styleSocialMedia["wrapper"]}>
|
||||
<div className={styleSocialMedia["wrapper__social__media"]}>
|
||||
<IconLink link={"/"}
|
||||
<IconLink link={"https://web.facebook.com/digitalm3"}
|
||||
sourceImg={facebook}
|
||||
altText="Logo da rede social "
|
||||
/>
|
||||
<IconLink link={"/"}
|
||||
<IconLink link={"https://www.instagram.com/m3.ecommerce/"}
|
||||
sourceImg={instagram}
|
||||
altText="Logo da rede social "
|
||||
/>
|
||||
<IconLink link={"/"}
|
||||
<IconLink link={"https://twitter.com/eCommerce_Br/status/1443210495784366089"}
|
||||
sourceImg={twitter}
|
||||
altText="Logo da rede social "
|
||||
/>
|
||||
<IconLink link={"/"}
|
||||
<IconLink link={"https://www.youtube.com/@m3e-commerce796"}
|
||||
sourceImg={youtube}
|
||||
altText="Logo da rede social "
|
||||
/>
|
||||
<IconLink link={"/"}
|
||||
<IconLink link={"https://www.linkedin.com/company/m3ecommerce/"}
|
||||
sourceImg={linkedin}
|
||||
altText="Logo da rede social "
|
||||
/>
|
||||
|
@ -7,6 +7,12 @@
|
||||
|
||||
height: 100%;
|
||||
overflow: hidden;
|
||||
|
||||
@media (min-width:3000px) {
|
||||
height: 100vh;
|
||||
flex: 1;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
.main {
|
||||
@ -20,7 +26,8 @@
|
||||
|
||||
@media (min-width: 3000px) {
|
||||
min-height: 897px;
|
||||
|
||||
flex: 1;
|
||||
height: 100vh;
|
||||
}
|
||||
|
||||
@media (max-width:$tablets) {
|
||||
|
@ -9,7 +9,7 @@ interface IconLink {
|
||||
export const IconLink = ({ link, sourceImg, altText }: IconLink) => {
|
||||
return (
|
||||
<li>
|
||||
<a href={link}>
|
||||
<a href={link} target="_blank">
|
||||
<img src={sourceImg} alt={altText} />
|
||||
</a>
|
||||
</li>
|
||||
|
@ -7,6 +7,12 @@
|
||||
|
||||
height: 100%;
|
||||
overflow: hidden;
|
||||
|
||||
@media (min-width:3000px) {
|
||||
height: 100vh;
|
||||
flex: 1;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
.main {
|
||||
@ -21,6 +27,10 @@
|
||||
@media (min-width: 3000px) {
|
||||
min-height: 897px;
|
||||
|
||||
height: 100vh;
|
||||
flex: 1;
|
||||
border: 1px solid blue;
|
||||
|
||||
}
|
||||
|
||||
@media (max-width:$tablets) {
|
||||
|
Loading…
Reference in New Issue
Block a user