diff --git a/src/componentes/Carrinho/Carrinho.js b/src/componentes/Carrinho/Carrinho.js index 460edc0..1adb13b 100644 --- a/src/componentes/Carrinho/Carrinho.js +++ b/src/componentes/Carrinho/Carrinho.js @@ -32,8 +32,8 @@ const SideBar = styled.div` height: 400px; background-color: #000000aa; border-radius: 8px; - @media (max-width: 1200px) { - right: 0px; + @media (max-width: 1440px) { + right: 5px } ; `; @@ -63,7 +63,7 @@ class Carrinho extends React.Component {

{produto.quantidade}x

{produto.nome}

-

{produto.preco}

+

R${produto.preco},00

this.props.removerDoCarrinho(produto.id)} > diff --git a/src/componentes/Footer/Footer.js b/src/componentes/Footer/Footer.js index d0a26e4..791e248 100644 --- a/src/componentes/Footer/Footer.js +++ b/src/componentes/Footer/Footer.js @@ -33,7 +33,7 @@ class Footer extends React.Component { -
© 2022 - NossaLoja Co.® Inc. Todos os direitos reservados.
+
© 2022 - LostinSpace Co.® Inc. Todos os direitos reservados.
); } diff --git a/src/componentes/Header/Header.js b/src/componentes/Header/Header.js index e72ca44..f0426f4 100644 --- a/src/componentes/Header/Header.js +++ b/src/componentes/Header/Header.js @@ -8,16 +8,17 @@ const Container = styled.div` color: #f2f2f2; padding: 10px; display: flex; - justify-content: space-around; + justify-content: space-between; align-items: center; line-height: 1.3; box-sizing: border-box; `; const ImagemLogo = styled.img` - width: 10%; + width: 30%; @media screen and (min-device-width : 320px) and (max-device-width : 480px) { width: 40%; + margin-right: 150px; } `; diff --git a/src/components/cardProdutos.js b/src/components/cardProdutos.js index 7194ac4..d48b46a 100644 --- a/src/components/cardProdutos.js +++ b/src/components/cardProdutos.js @@ -43,8 +43,8 @@ class CardProdutos extends React.Component {
-

{this.props.nome}

-

R${this.props.preco},00

+ {this.props.nome} + R${this.props.preco},00 this.props.botao(