From 79cfb5a58516b54231142817ef9afc8f08db6136 Mon Sep 17 00:00:00 2001 From: Savio Date: Thu, 19 Jan 2023 13:36:10 -0300 Subject: [PATCH 1/5] feat(footer): Adicionando estilo footer mobile --- .../AccordionFooter/AccordionFooter.tsx | 74 +++++++++++++++++++ src/components/Socials/socials.module.scss | 5 ++ src/sectors/Footer/TopFooter/TopFooter.tsx | 25 +++++-- src/styles/partials/top_footer.scss | 11 +++ 4 files changed, 107 insertions(+), 8 deletions(-) create mode 100644 src/components/AccordionFooter/AccordionFooter.tsx diff --git a/src/components/AccordionFooter/AccordionFooter.tsx b/src/components/AccordionFooter/AccordionFooter.tsx new file mode 100644 index 0000000..b1f107a --- /dev/null +++ b/src/components/AccordionFooter/AccordionFooter.tsx @@ -0,0 +1,74 @@ +const AccordionFooter = () => { + return ( +
+
+

+ +

+
+
Primeiro
+
+
+
+

+ +

+
+
segundo
+
+
+
+

+ +

+
+
terceiro
+
+
+
+ ); +}; + +export { AccordionFooter }; diff --git a/src/components/Socials/socials.module.scss b/src/components/Socials/socials.module.scss index c82984e..21f300b 100644 --- a/src/components/Socials/socials.module.scss +++ b/src/components/Socials/socials.module.scss @@ -25,3 +25,8 @@ height: 35px; } } +@media screen and (max-width: 1024px) { + .siteLink { + display: none; + } +} diff --git a/src/sectors/Footer/TopFooter/TopFooter.tsx b/src/sectors/Footer/TopFooter/TopFooter.tsx index 6433fe9..0c67c45 100644 --- a/src/sectors/Footer/TopFooter/TopFooter.tsx +++ b/src/sectors/Footer/TopFooter/TopFooter.tsx @@ -3,21 +3,30 @@ import { Doubts } from "../../../components/Doubts/Doubts"; import { Contact } from "../../../components/Contact/Contact"; import { Socials } from "../../../components/Socials/Socials"; import { Whatsapp } from "../../../components/Whatsapp/Whatsapp"; +import { AccordionFooter } from "../../../components/AccordionFooter/AccordionFooter"; const TopFooter = () => { return ( -
- + <> +
+ - + - + -
- - +
+ + +
-
+
+ +
+ +
+
+ ); }; diff --git a/src/styles/partials/top_footer.scss b/src/styles/partials/top_footer.scss index effae37..e5823d9 100644 --- a/src/styles/partials/top_footer.scss +++ b/src/styles/partials/top_footer.scss @@ -5,9 +5,20 @@ justify-content: space-between; padding: 50px 16px 64px 100px; border-top: 1px solid black; + @media screen and (max-width: 1024px) { + display: none; + } } .top_footer_socials { display: flex; flex-direction: row; gap: 50px; } +@media screen and (max-width: 1024px) { + .top_footerMob_wrapper { + width: 100%; + display: flex; + flex-direction: column; + align-items: flex-start; + } +} -- 2.34.1 From ec9c4f240d4038567528978523601d209b211ceb Mon Sep 17 00:00:00 2001 From: Savio Date: Thu, 19 Jan 2023 16:48:03 -0300 Subject: [PATCH 2/5] feat(footer): Adicionado estilos mobile no footer --- src/styles/partials/bottom_footer.scss | 10 ++++++++++ src/styles/partials/top_footer.scss | 5 +++++ 2 files changed, 15 insertions(+) diff --git a/src/styles/partials/bottom_footer.scss b/src/styles/partials/bottom_footer.scss index f8a8858..4e1dea8 100644 --- a/src/styles/partials/bottom_footer.scss +++ b/src/styles/partials/bottom_footer.scss @@ -28,3 +28,13 @@ flex-direction: row; gap: 13px; } +@media screen and (max-width: 1024px) { + .bottom_footer { + flex-direction: column; + gap: 15px; + padding: 15px 0 15px 16px; + } + .pagamentos { + order: -1; + } +} diff --git a/src/styles/partials/top_footer.scss b/src/styles/partials/top_footer.scss index e5823d9..8fbade4 100644 --- a/src/styles/partials/top_footer.scss +++ b/src/styles/partials/top_footer.scss @@ -22,3 +22,8 @@ align-items: flex-start; } } +@media screen and (min-width: 1025px) { + .top_footerMob_wrapper { + display: none; + } +} -- 2.34.1 From a31637aafd849d9d06ba4a78ab76e70dfe92fe76 Mon Sep 17 00:00:00 2001 From: Savio Date: Thu, 19 Jan 2023 17:12:26 -0300 Subject: [PATCH 3/5] fix: Consertado estilo do newsletter mobile --- .../Newsletter/newsletter.module.scss | 38 ++++++++++++++++--- src/styles/partials/top_footer.scss | 2 + 2 files changed, 35 insertions(+), 5 deletions(-) diff --git a/src/components/Newsletter/newsletter.module.scss b/src/components/Newsletter/newsletter.module.scss index f9c9d7f..a3cc239 100644 --- a/src/components/Newsletter/newsletter.module.scss +++ b/src/components/Newsletter/newsletter.module.scss @@ -15,11 +15,11 @@ @media screen and (min-width: 2500px) { font-size: 36px; } - .newsForm-wrapper { - display: flex; - flex-direction: row; - margin-top: 8px; - } +} +.newsForm-wrapper { + display: flex; + flex-direction: row; + margin-top: 8px; } .newsForm-input { margin-right: 8px; @@ -63,3 +63,31 @@ font-size: 24px; } } +@media screen and (max-width: 1024px) { + .newsForm { + width: 100%; + margin: 16px; + padding: 0 16px 0 16px; + font-family: "Roboto"; + font-style: normal; + font-weight: 500; + font-size: 14px; + line-height: 16px; + + letter-spacing: 0.05em; + font-variant: small-caps; + + color: #303030; + } + .newsForm-wrapper { + display: flex; + flex-direction: column; + } + .newsForm-btn { + width: 100%; + margin-top: 16px; + } + .newsForm-input { + width: 100%; + } +} diff --git a/src/styles/partials/top_footer.scss b/src/styles/partials/top_footer.scss index 8fbade4..1667cb3 100644 --- a/src/styles/partials/top_footer.scss +++ b/src/styles/partials/top_footer.scss @@ -20,6 +20,8 @@ display: flex; flex-direction: column; align-items: flex-start; + border-top: 1px solid black; + margin-top: 56px; } } @media screen and (min-width: 1025px) { -- 2.34.1 From 11c5d90f9f135c110c7103973f595656cd127221 Mon Sep 17 00:00:00 2001 From: Savio Date: Thu, 19 Jan 2023 20:17:46 -0300 Subject: [PATCH 4/5] feat(footer): Adicionado o estilo da letra do footer --- src/components/AccordionBody/AccordionBody.tsx | 6 +++--- .../AccordionBody/accordionBody.module.scss | 9 --------- src/styles/main.scss | 1 + src/styles/partials/accordionBody.scss | 15 +++++++++++++++ 4 files changed, 19 insertions(+), 12 deletions(-) create mode 100644 src/styles/partials/accordionBody.scss diff --git a/src/components/AccordionBody/AccordionBody.tsx b/src/components/AccordionBody/AccordionBody.tsx index 46dbe79..751985e 100644 --- a/src/components/AccordionBody/AccordionBody.tsx +++ b/src/components/AccordionBody/AccordionBody.tsx @@ -9,11 +9,11 @@ const AccordionBody = () => { - - + + Sobre - + Contato diff --git a/src/components/AccordionBody/accordionBody.module.scss b/src/components/AccordionBody/accordionBody.module.scss index fd883e2..34b8688 100644 --- a/src/components/AccordionBody/accordionBody.module.scss +++ b/src/components/AccordionBody/accordionBody.module.scss @@ -7,12 +7,3 @@ display: flex; flex-direction: row; } -.accordion-header { -} -/* -.list-group-tabs.active { - background-color: red; -}*/ -.acc-item .active { - background-color: red; -} diff --git a/src/styles/main.scss b/src/styles/main.scss index 405da12..ad6a2e7 100644 --- a/src/styles/main.scss +++ b/src/styles/main.scss @@ -9,5 +9,6 @@ @import "partials/bottom_header.scss"; @import "partials/body.scss"; @import "partials/top_footer.scss"; +@import "partials/accordionBody.scss"; @import "partials/footer.scss"; @import "partials/bottom_footer.scss"; diff --git a/src/styles/partials/accordionBody.scss b/src/styles/partials/accordionBody.scss new file mode 100644 index 0000000..12d0f2c --- /dev/null +++ b/src/styles/partials/accordionBody.scss @@ -0,0 +1,15 @@ +.accList { + a { + background-color: white; + border-radius: 0; + font-family: "Roboto"; + font-style: normal; + font-weight: 700; + font-size: 16px; + line-height: 19px; + @media screen and (min-width: 2500px) { + font-size: 32px; + line-height: 38px; + } + } +} -- 2.34.1 From 5279f4af63111c61e314eaa997e9a50993dcc20e Mon Sep 17 00:00:00 2001 From: Savio Date: Thu, 19 Jan 2023 22:38:03 -0300 Subject: [PATCH 5/5] feat(footer): Adicionado conteudo do accordion do footer --- .../AccordionBody/AccordionBody.tsx | 2 +- .../AccordionFooter/AccordionFooter.tsx | 33 ++++++++++++------ .../AccordionFooter/assets/image/mais.png | Bin 0 -> 222 bytes src/components/Address/address.module.scss | 3 +- .../FormInput/formInput.module.scss | 2 +- src/styles/partials/accordionBody.scss | 5 +++ src/styles/partials/body.scss | 3 +- src/styles/partials/top_footer.scss | 22 +++++++++++- 8 files changed, 55 insertions(+), 15 deletions(-) create mode 100644 src/components/AccordionFooter/assets/image/mais.png diff --git a/src/components/AccordionBody/AccordionBody.tsx b/src/components/AccordionBody/AccordionBody.tsx index 751985e..9923b1b 100644 --- a/src/components/AccordionBody/AccordionBody.tsx +++ b/src/components/AccordionBody/AccordionBody.tsx @@ -50,7 +50,7 @@ const AccordionBody = () => {

- + diff --git a/src/components/AccordionFooter/AccordionFooter.tsx b/src/components/AccordionFooter/AccordionFooter.tsx index b1f107a..82c8a04 100644 --- a/src/components/AccordionFooter/AccordionFooter.tsx +++ b/src/components/AccordionFooter/AccordionFooter.tsx @@ -1,17 +1,24 @@ +import mais from "./assets/image/mais.png"; +import { Institutional } from "../Institutional/Institutional"; +import { Doubts } from "../Doubts/Doubts"; +import { Contact } from "../Contact/Contact"; const AccordionFooter = () => { return ( -
+

{ aria-labelledby="flush-headingOne" data-bs-parent="#accordionFlushExample" > -
Primeiro
+
+ +

{ aria-labelledby="flush-headingTwo" data-bs-parent="#accordionFlushExample" > -
segundo
+
+ +

{ aria-labelledby="flush-headingThree" data-bs-parent="#accordionFlushExample" > -
terceiro
+
+ +
diff --git a/src/components/AccordionFooter/assets/image/mais.png b/src/components/AccordionFooter/assets/image/mais.png new file mode 100644 index 0000000000000000000000000000000000000000..90c30bc3ae1e205345c45c2ab6331153278c84b5 GIT binary patch literal 222 zcmeAS@N?(olHy`uVBq!ia0vp^0zfRt!3HF+tk*dLq&N#aB8wRq#8g3;(KATp15l8$ zILO_JVcj{Imp~3nx}&cn1H;CC?mvmFKz^~Oi(^Oy%o>(=~vN8Y3PtdF|4U$nLQxC=>gTe~DWM4fm_