From 269978c29b587092a02c8b7448bafaadc6ac93d9 Mon Sep 17 00:00:00 2001 From: Savio Date: Fri, 20 Jan 2023 12:49:23 -0300 Subject: [PATCH] fix: Consertado os estilos do body --- src/components/Address/address.module.scss | 2 ++ src/components/Caminhos/caminhos.module.scss | 2 ++ src/components/Cart/cart.module.scss | 2 +- src/components/Enter/enter.module.scss | 1 + .../Newsletter/newsletter.module.scss | 3 ++ src/components/Payments/payments.module.scss | 4 +++ .../SearchBox/searchBox.module.scss | 3 +- src/components/Socials/socials.module.scss | 4 +++ src/styles/partials/accordionBody.scss | 28 +++++++++++++++++++ src/styles/partials/bottom_footer.scss | 11 +++++++- src/styles/partials/navigation.scss | 5 ++++ src/styles/partials/top_footer.scss | 2 ++ 12 files changed, 64 insertions(+), 3 deletions(-) diff --git a/src/components/Address/address.module.scss b/src/components/Address/address.module.scss index fa8fc9f..010e534 100644 --- a/src/components/Address/address.module.scss +++ b/src/components/Address/address.module.scss @@ -12,9 +12,11 @@ margin: 0 0 0 0; align-items: center; @media screen and (min-width: 2500px) { + display: flex; width: 467px; height: 47px; font-size: 20px; line-height: 23px; + align-items: center; } } diff --git a/src/components/Caminhos/caminhos.module.scss b/src/components/Caminhos/caminhos.module.scss index 3c5b5dc..21ea896 100644 --- a/src/components/Caminhos/caminhos.module.scss +++ b/src/components/Caminhos/caminhos.module.scss @@ -5,12 +5,14 @@ align-items: baseline; margin: 30px 0 0 100px; p { + display: flex; font-family: "Roboto"; font-style: normal; font-weight: 400; font-size: 12px; text-transform: uppercase; color: #c4c4c4; + align-items: center; @media screen and (min-width: 2500px) { font-size: 24px; } diff --git a/src/components/Cart/cart.module.scss b/src/components/Cart/cart.module.scss index fd040a1..b9153d4 100644 --- a/src/components/Cart/cart.module.scss +++ b/src/components/Cart/cart.module.scss @@ -12,6 +12,6 @@ height: 28px; @media screen and (min-width: 2500px) { width: 54.68px; - height: 38.91px; + height: 54.68px; } } diff --git a/src/components/Enter/enter.module.scss b/src/components/Enter/enter.module.scss index 09d1155..aff2454 100644 --- a/src/components/Enter/enter.module.scss +++ b/src/components/Enter/enter.module.scss @@ -6,6 +6,7 @@ font-size: 14px; color: #ffffff; text-decoration: none; + @media screen and (min-width: 2500px) { width: 105px; height: 33px; diff --git a/src/components/Newsletter/newsletter.module.scss b/src/components/Newsletter/newsletter.module.scss index a3cc239..96e2017 100644 --- a/src/components/Newsletter/newsletter.module.scss +++ b/src/components/Newsletter/newsletter.module.scss @@ -14,6 +14,8 @@ margin: 16px 0 16px 0; @media screen and (min-width: 2500px) { font-size: 36px; + width: 922px; + height: 109.24px; } } .newsForm-wrapper { @@ -42,6 +44,7 @@ @media screen and (min-width: 2500px) { width: 636px; height: 59px; + margin-top: 8px; } } .newsForm-btn { diff --git a/src/components/Payments/payments.module.scss b/src/components/Payments/payments.module.scss index bffead2..a008374 100644 --- a/src/components/Payments/payments.module.scss +++ b/src/components/Payments/payments.module.scss @@ -12,6 +12,10 @@ width: 70px; height: 40.25px; } + @media screen and (max-width: 1024px) { + width: 30px; + height: 17px; + } } } diff --git a/src/components/SearchBox/searchBox.module.scss b/src/components/SearchBox/searchBox.module.scss index aff345b..323d71a 100644 --- a/src/components/SearchBox/searchBox.module.scss +++ b/src/components/SearchBox/searchBox.module.scss @@ -12,12 +12,13 @@ height: 32px; font-size: 28px; background: #ffffff; - + font-size: 14px; border: 2px solid #f2f2f2; border-radius: 5px; @media screen and (min-width: 2500px) { width: 515.62px; height: 57px; + font-size: 28px; } @media screen and (max-width: 1024px) { width: 992px; diff --git a/src/components/Socials/socials.module.scss b/src/components/Socials/socials.module.scss index 21f300b..cdfdcff 100644 --- a/src/components/Socials/socials.module.scss +++ b/src/components/Socials/socials.module.scss @@ -23,6 +23,10 @@ img { width: 35px; height: 35px; + @media screen and (min-width: 2500px) { + width: 70px; + height: 70px; + } } } @media screen and (max-width: 1024px) { diff --git a/src/styles/partials/accordionBody.scss b/src/styles/partials/accordionBody.scss index 9b4f992..b89a7ef 100644 --- a/src/styles/partials/accordionBody.scss +++ b/src/styles/partials/accordionBody.scss @@ -36,3 +36,31 @@ } } } +.conteudo { + h2 { + font-family: "Roboto"; + font-style: normal; + font-weight: 700; + font-size: 24px; + line-height: 28px; + + color: #292929; + @media screen and (min-width: 2500px) { + font-size: 48px; + line-height: 56px; + } + } + p { + font-family: "Roboto"; + font-style: normal; + font-weight: 400; + font-size: 13px; + line-height: 15px; + + color: #7d7d7d; + @media screen and (min-width: 2500px) { + font-size: 26px; + line-height: 30px; + } + } +} diff --git a/src/styles/partials/bottom_footer.scss b/src/styles/partials/bottom_footer.scss index 4e1dea8..246200b 100644 --- a/src/styles/partials/bottom_footer.scss +++ b/src/styles/partials/bottom_footer.scss @@ -6,20 +6,29 @@ margin: 0 auto; padding: 20px 100px; justify-content: space-between; + align-items: center; + @media screen and (max-width: 1024px) { + align-items: flex-start; + } } .bottom_footer_itens { display: flex; flex-direction: row; align-items: center; + @media screen and (min-width: 2500px) { + } } .pagamentos { display: flex; flex-direction: row; - + align-items: center; p { color: white; + @media screen and (min-width: 2500px) { + font-size: 50px; + } } gap: 5px; } diff --git a/src/styles/partials/navigation.scss b/src/styles/partials/navigation.scss index 935aad2..6dd1417 100644 --- a/src/styles/partials/navigation.scss +++ b/src/styles/partials/navigation.scss @@ -56,3 +56,8 @@ height: 585px; } } +@media screen and (min-width: 2500px) { + .navbar-nav { + gap: 55px; + } +} diff --git a/src/styles/partials/top_footer.scss b/src/styles/partials/top_footer.scss index 5db6c4a..09ed8c4 100644 --- a/src/styles/partials/top_footer.scss +++ b/src/styles/partials/top_footer.scss @@ -31,6 +31,8 @@ .acc_btn { &::after { background-image: url("../../components/AccordionFooter/assets/image/mais.png"); + width: 30px; + background-size: 14px; } font-family: "Roboto"; font-style: normal;