From 1d1cce8384b3273197d75cf57d44e259f2beeebb Mon Sep 17 00:00:00 2001 From: Sabrina Miranda Date: Mon, 9 Jan 2023 01:18:45 -0300 Subject: [PATCH 01/17] feat(footer): Cria Newsletter desktop e mobile --- .../Newsletter/Newsletter.module.scss | 199 ++++++++++++++++++ src/components/Newsletter/Newsletter.tsx | 55 +++++ .../Newsletter/Schema/NewsletterSchema.ts | 5 + src/pages/Home.tsx | 5 +- 4 files changed, 263 insertions(+), 1 deletion(-) create mode 100644 src/components/Newsletter/Newsletter.module.scss create mode 100644 src/components/Newsletter/Newsletter.tsx create mode 100644 src/components/Newsletter/Schema/NewsletterSchema.ts diff --git a/src/components/Newsletter/Newsletter.module.scss b/src/components/Newsletter/Newsletter.module.scss new file mode 100644 index 0000000..0cc93b6 --- /dev/null +++ b/src/components/Newsletter/Newsletter.module.scss @@ -0,0 +1,199 @@ +@use '../../variables'; + +.newsletter { + + &__container { + display: flex; + justify-content: center; + align-items: center; + border-top: 1px solid variables.$black; + border-bottom: 1px solid variables.$black; + } + + &__form { + display: flex; + flex-direction: column; + gap: 8px; + margin: 16px 0; + position: relative; + + @media (min-width: 3600px) { + margin: 18px 0; + } + + @media (max-width: 1024px) { + width: 100%; + padding: 0 16px; + gap: 16px; + } + + &__title { + font-weight: 500; + font-size: 18px; + line-height: 21px; + letter-spacing: 0.05em; + font-variant: small-caps; + color: variables.$black-300; + text-align: left; + + @media (min-width: 3600px) { + font-size: 40px; + line-height: 48px; + } + + @media ((min-width: 2500px) and (max-width: 3599px)) { + font-size: 36px; + line-height: 42px; + } + + @media (max-width: 1024px) { + font-size: 14px; + line-height: 16px; + } + } + + &__items { + display: flex; + flex-direction: row; + align-items: flex-start; + justify-content: center; + gap: 8px; + + @media (max-width: 1024px) { + flex-direction: column; + align-items: stretch; + gap: 16px; + } + + &__email { + input { + background: variables.$white; + border: 1px solid variables.$gray-600; + border-radius: 4px; + width: 100%; + min-width: 340px; + height: 42px; + font-size: 14px; + line-height: 16px; + color: variables.$gray-400; + padding: 13px 16px; + + &::placeholder { + font-size: 14px; + line-height: 16px; + color: variables.$gray-400; + } + + @media (min-width: 3600px) { + font-size: 32px; + line-height: 36px; + min-width: 720px; + height: 64px; + + &::placeholder { + font-size: 32px; + line-height: 36px; + } + } + + @media ((min-width: 2500px) and (max-width: 3599px)) { + font-size: 28px; + line-height: 33px; + min-width: 668px; + height: 59px; + + &::placeholder { + font-size: 28px; + line-height: 33px; + } + } + + @media (max-width: 1024px) { + min-width: 100%; + padding: 17px 16px; + } + } + } + + &__btn { + width: 126px; + height: 42px; + background: variables.$black; + box-shadow: 0px 4px 4px variables.$shadow; + border-radius: 4px; + + display: flex; + align-items: center; + justify-content: center; + + font-weight: 700; + font-size: 12px; + line-height: 14px; + letter-spacing: 0.05em; + color: variables.$white; + padding: 20px 14px; + text-transform: uppercase; + + &:hover { + background: rgba($color: #000000, $alpha: .85); + border-color: transparent; + } + + &:active { + background: variables.$black; + } + + @media (min-width: 3600px) { + width: 280px; + height: 64px; + font-size: 28px; + line-height: 32px; + } + + @media ((min-width: 2500px) and (max-width: 3599px)) { + width: 246px; + height: 59px; + font-size: 24px; + line-height: 28px; + } + + @media (max-width: 1024px) { + width: 100%; + font-size: 14px; + line-height: 16px; + } + } + } + } +} + +span{ + font-size: 12px; + line-height: 14px; + color: variables.$red; + position: absolute; + right: 0; + top: 14px; + + @media (min-width: 3600px) { + font-size: 26px; + line-height: 30px; + top: 20px; + } + + @media ((min-width: 2500px) and (max-width: 3599px)) { + font-size: 24px; + line-height: 28px; + top: 20px; + } + + @media (min-width: 350px) and (max-width: 1024px) { + right: 16px; + } + + @media (max-width: 349px) { + font-size: 11px; + top: 18px; + right: 16px; + } +} diff --git a/src/components/Newsletter/Newsletter.tsx b/src/components/Newsletter/Newsletter.tsx new file mode 100644 index 0000000..6cd8e5c --- /dev/null +++ b/src/components/Newsletter/Newsletter.tsx @@ -0,0 +1,55 @@ +import React from 'react'; + +import { Formik, Form, Field, ErrorMessage} from "formik"; + +import styles from "./Newsletter.module.scss"; + +import NewsletterSchema from './Schema/NewsletterSchema'; + +interface NewsletterValue { + email: string; +} + +const initialValue = { + email: "", +} + +const Newsletter = () => { + + const handleFormikSubmit = (values: NewsletterValue) => { + //console.log(values); + }; + + return ( +
+ { + handleFormikSubmit(values); + resetForm(); }} + initialValues={initialValue} + validationSchema={NewsletterSchema} > + + {({errors, touched}) => ( +
+

ASSINE NOSSA NEWSLETTER

+ +
+
+ + +
+ + +
+
+ )} + + +
+ ); +}; + +export {Newsletter}; diff --git a/src/components/Newsletter/Schema/NewsletterSchema.ts b/src/components/Newsletter/Schema/NewsletterSchema.ts new file mode 100644 index 0000000..26d74fb --- /dev/null +++ b/src/components/Newsletter/Schema/NewsletterSchema.ts @@ -0,0 +1,5 @@ +import * as Yup from "yup"; + +export default Yup.object().shape({ + email: Yup.string().required("*Campo obrigatório").email("*E-mail Inválido"), +}); diff --git a/src/pages/Home.tsx b/src/pages/Home.tsx index 4ef54c4..6b6e5a6 100644 --- a/src/pages/Home.tsx +++ b/src/pages/Home.tsx @@ -4,6 +4,7 @@ import styles from "./Home.module.scss"; import { HeaderTop } from '../components/HeaderTop/HeaderTop'; import { HeaderBottom } from '../components/HeaderBottom/HeaderBottom'; +import { Newsletter } from '../components/Newsletter/Newsletter'; const Home = () => { @@ -16,7 +17,9 @@ const Home = () => {
- + ); } From e55d522187a5fce332dc8a7f1aaf59bcc3afaaf0 Mon Sep 17 00:00:00 2001 From: Sabrina Miranda Date: Mon, 9 Jan 2023 22:08:55 -0300 Subject: [PATCH 02/17] feat: Cria o componente Button --- src/components/Button/Buttom.tsx | 19 +++++++++++++++++++ 1 file changed, 19 insertions(+) create mode 100644 src/components/Button/Buttom.tsx diff --git a/src/components/Button/Buttom.tsx b/src/components/Button/Buttom.tsx new file mode 100644 index 0000000..9fcdb9e --- /dev/null +++ b/src/components/Button/Buttom.tsx @@ -0,0 +1,19 @@ +import React from "react"; + +interface Btn { + text: string; + type: "button" | "submit" | "reset"; + className: string; +} + +const Button = ( props: Btn ) => { + const { text, type, className } = props; + + return ( + + ); +}; + +export { Button }; From 5e5b51a0163355d9a3a88d40161582ed771f2f4b Mon Sep 17 00:00:00 2001 From: Sabrina Miranda Date: Mon, 9 Jan 2023 22:15:37 -0300 Subject: [PATCH 03/17] =?UTF-8?q?perf(Newsletter):=20Altera=20o=20c=C3=B3d?= =?UTF-8?q?igo=20para=20melhor=20desempenho?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../Newsletter/Newsletter.module.scss | 2 +- src/components/Newsletter/Newsletter.tsx | 27 ++++++++++--------- 2 files changed, 15 insertions(+), 14 deletions(-) diff --git a/src/components/Newsletter/Newsletter.module.scss b/src/components/Newsletter/Newsletter.module.scss index 0cc93b6..6d9e789 100644 --- a/src/components/Newsletter/Newsletter.module.scss +++ b/src/components/Newsletter/Newsletter.module.scss @@ -55,7 +55,7 @@ &__items { display: flex; flex-direction: row; - align-items: flex-start; + align-items: center; justify-content: center; gap: 8px; diff --git a/src/components/Newsletter/Newsletter.tsx b/src/components/Newsletter/Newsletter.tsx index 6cd8e5c..2466510 100644 --- a/src/components/Newsletter/Newsletter.tsx +++ b/src/components/Newsletter/Newsletter.tsx @@ -1,10 +1,11 @@ -import React from 'react'; +import React from "react"; -import { Formik, Form, Field, ErrorMessage} from "formik"; +import { Formik, Form, Field, ErrorMessage, FormikHelpers} from "formik"; import styles from "./Newsletter.module.scss"; -import NewsletterSchema from './Schema/NewsletterSchema'; +import NewsletterSchema from "./Schema/NewsletterSchema"; +import { Button } from "../Button/Buttom"; interface NewsletterValue { email: string; @@ -14,18 +15,20 @@ const initialValue = { email: "", } +let listEmail: Array = []; + const Newsletter = () => { - const handleFormikSubmit = (values: NewsletterValue) => { - //console.log(values); + const handleSubmit = (values: NewsletterValue, actions: FormikHelpers) => { + listEmail.push(values); + console.log(listEmail); + actions.resetForm(); }; return (
{ - handleFormikSubmit(values); - resetForm(); }} + onSubmit={handleSubmit} initialValues={initialValue} validationSchema={NewsletterSchema} > @@ -35,14 +38,12 @@ const Newsletter = () => {
- - +
- +
)} From 10d0c938acc26c85fde48552341b094781cc9493 Mon Sep 17 00:00:00 2001 From: Sabrina Miranda Date: Tue, 10 Jan 2023 02:05:06 -0300 Subject: [PATCH 04/17] feat: Cria o componente IcomList --- src/components/IconList/IconList.tsx | 21 +++++++++++++++++++++ 1 file changed, 21 insertions(+) create mode 100644 src/components/IconList/IconList.tsx diff --git a/src/components/IconList/IconList.tsx b/src/components/IconList/IconList.tsx new file mode 100644 index 0000000..9cbfb3f --- /dev/null +++ b/src/components/IconList/IconList.tsx @@ -0,0 +1,21 @@ +import React from "react"; + +interface Icon { + src: string; + alt: string; + className: string; + text?: string; +} + +const IconList = ( props: Icon ) => { + const { src, alt, className, text } = props; + + return ( +
  • +

    {text}

    + {alt} +
    • + ); +}; + +export { IconList }; From 93e0d33cd3d70377cf66484e57115f3c76dc4978 Mon Sep 17 00:00:00 2001 From: Sabrina Miranda Date: Tue, 10 Jan 2023 02:06:37 -0300 Subject: [PATCH 05/17] feat(footer): Cria o footer bottom para desktop --- .../FooterBottom/FooterBottom.module.scss | 112 ++++++++++++++++++ src/components/FooterBottom/FooterBottom.tsx | 58 +++++++++ .../FooterBottom/assets/AmericanExpress.png | Bin 0 -> 9056 bytes src/components/FooterBottom/assets/Boleto.png | Bin 0 -> 3372 bytes src/components/FooterBottom/assets/Elo.png | Bin 0 -> 4044 bytes src/components/FooterBottom/assets/Hiper.png | Bin 0 -> 4334 bytes src/components/FooterBottom/assets/Master.png | Bin 0 -> 3415 bytes src/components/FooterBottom/assets/PayPal.png | Bin 0 -> 4381 bytes src/components/FooterBottom/assets/Visa.png | Bin 0 -> 4855 bytes .../FooterBottom/assets/m3-logo.svg | 4 + .../FooterBottom/assets/vtex-logo.svg | 7 ++ .../FooterBottom/assets/vtex-pci-200.png | Bin 0 -> 8945 bytes src/pages/Home.tsx | 2 + 13 files changed, 183 insertions(+) create mode 100644 src/components/FooterBottom/FooterBottom.module.scss create mode 100644 src/components/FooterBottom/FooterBottom.tsx create mode 100644 src/components/FooterBottom/assets/AmericanExpress.png create mode 100644 src/components/FooterBottom/assets/Boleto.png create mode 100644 src/components/FooterBottom/assets/Elo.png create mode 100644 src/components/FooterBottom/assets/Hiper.png create mode 100644 src/components/FooterBottom/assets/Master.png create mode 100644 src/components/FooterBottom/assets/PayPal.png create mode 100644 src/components/FooterBottom/assets/Visa.png create mode 100644 src/components/FooterBottom/assets/m3-logo.svg create mode 100644 src/components/FooterBottom/assets/vtex-logo.svg create mode 100644 src/components/FooterBottom/assets/vtex-pci-200.png diff --git a/src/components/FooterBottom/FooterBottom.module.scss b/src/components/FooterBottom/FooterBottom.module.scss new file mode 100644 index 0000000..34b260f --- /dev/null +++ b/src/components/FooterBottom/FooterBottom.module.scss @@ -0,0 +1,112 @@ +@use '../../variables'; + +.footer-bottom { + height: 64px; + background-color: variables.$black; + + @media (min-width: 2500px) { + height: 96px; + } + + &__wrapper { + display: flex; + padding: 15px 100px; + justify-content: space-between; + align-items: center; + } + + &__address { + font-size: 10px; + line-height: 12px; + text-transform: capitalize; + color: variables.$white; + + @media (min-width: 2500px) { + font-size: 20px; + line-height: 23px; + } + } + + &__payments-icons { + display: flex; + align-items: center; + gap: 12px; + + li { + display: flex; + } + + .li-card { + width: auto; + height: 20px; + + @media (min-width: 2500px) { + height: 39px; + } + } + + .li-divider { + border: 1px solid variables.$gray-400; + height: 24px; + } + + .li-vtexpci { + width: auto; + height: 34px; + + @media (min-width: 2500px) { + height: 66px; + } + } + } + + &__developedby { + ul { + display: flex; + align-items: center; + gap: 13px; + + @media (min-width: 2500px) { + gap: 12px; + } + + li { + display: flex; + align-items: center; + gap: 13px; + + @media (min-width: 2500px) { + gap: 12px; + } + + p { + font-size: 10px; + line-height: 12px; + text-transform: capitalize; + color: variables.$white; + + @media (min-width: 2500px) { + font-size: 20px; + line-height: 23px; + } + } + + .logo-vtex { + width: 44px; + + @media (min-width: 2500px) { + width: 84px; + } + } + + .logo-m3 { + width: 28px; + + @media (min-width: 2500px) { + width: 54px; + } + } + } + } + } +} diff --git a/src/components/FooterBottom/FooterBottom.tsx b/src/components/FooterBottom/FooterBottom.tsx new file mode 100644 index 0000000..8d9e862 --- /dev/null +++ b/src/components/FooterBottom/FooterBottom.tsx @@ -0,0 +1,58 @@ +import React from "react"; + +import styles from "./FooterBottom.module.scss"; + +import imgLogoVtex from "./assets/vtex-logo.svg"; +import imgLogoM3 from "./assets/m3-logo.svg"; +import imgLogoMaster from "./assets/Master.png"; +import imgLogoVisa from "./assets/Visa.png"; +import imgLogoAmericanExpress from "./assets/AmericanExpress.png"; +import imgLogoElo from "./assets/Elo.png"; +import imgLogoHipercard from "./assets/Hiper.png"; +import imgLogoPayPal from "./assets/PayPal.png"; +import imgLogoBoleto from "./assets/Boleto.png"; +import imgLogoVtexPCI from "./assets/vtex-pci-200.png"; + +import { IconList } from "../IconList/IconList"; + +const FooterBottom = () => { + + return ( +
    +
    +
    +

    Lorem ipsum dolor sit amet, consectetur adipiscing

    +

    Elit, sed do eiusmod tempor

    +
    + +
      + + + + + + + + +
    • + + +
    + +
    + +
    +
    +
    + ); +} + +export {FooterBottom}; diff --git a/src/components/FooterBottom/assets/AmericanExpress.png b/src/components/FooterBottom/assets/AmericanExpress.png new file mode 100644 index 0000000000000000000000000000000000000000..41cd78cbb39057a9fcddc31cc77fc23019864184 GIT binary patch literal 9056 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 AxBvhE literal 0 HcmV?d00001 diff --git a/src/components/FooterBottom/assets/Elo.png b/src/components/FooterBottom/assets/Elo.png new file mode 100644 index 0000000000000000000000000000000000000000..284c6cb093f71e821278eff43e7d53ee54c0c578 GIT binary patch literal 4044 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 c;kTFk8Kr?(LEwhP00009a7bBm000&x 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 + + + diff --git a/src/components/FooterBottom/assets/vtex-logo.svg b/src/components/FooterBottom/assets/vtex-logo.svg new file mode 100644 index 0000000..b6fd99e --- /dev/null +++ b/src/components/FooterBottom/assets/vtex-logo.svg @@ -0,0 +1,7 @@ + + + + + + + diff --git a/src/components/FooterBottom/assets/vtex-pci-200.png b/src/components/FooterBottom/assets/vtex-pci-200.png new file mode 100644 index 0000000000000000000000000000000000000000..87646724e70024748c25b64097d711dcc491d721 GIT binary patch literal 8945 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 literal 0 HcmV?d00001 diff --git a/src/pages/Home.tsx b/src/pages/Home.tsx index 6b6e5a6..5828a4f 100644 --- a/src/pages/Home.tsx +++ b/src/pages/Home.tsx @@ -5,6 +5,7 @@ import styles from "./Home.module.scss"; import { HeaderTop } from '../components/HeaderTop/HeaderTop'; import { HeaderBottom } from '../components/HeaderBottom/HeaderBottom'; import { Newsletter } from '../components/Newsletter/Newsletter'; +import { FooterBottom } from '../components/FooterBottom/FooterBottom'; const Home = () => { @@ -19,6 +20,7 @@ const Home = () => {
    +
    ); From 85d1b5957aa739848bc6f32756ab5f262cce0dbd Mon Sep 17 00:00:00 2001 From: Sabrina Miranda Date: Tue, 10 Jan 2023 02:31:38 -0300 Subject: [PATCH 06/17] =?UTF-8?q?feat(footer):=20Aplica=20css=20para=20ada?= =?UTF-8?q?pta=C3=A7=C3=A3o=20de=20telas?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../FooterBottom/FooterBottom.module.scss | 14 +++++++++++++- 1 file changed, 13 insertions(+), 1 deletion(-) diff --git a/src/components/FooterBottom/FooterBottom.module.scss b/src/components/FooterBottom/FooterBottom.module.scss index 34b260f..615f986 100644 --- a/src/components/FooterBottom/FooterBottom.module.scss +++ b/src/components/FooterBottom/FooterBottom.module.scss @@ -32,6 +32,10 @@ align-items: center; gap: 12px; + @media ((min-width: 1025px) and (max-width: 1100px)) { + gap: 6px; + } + li { display: flex; } @@ -65,10 +69,14 @@ display: flex; align-items: center; gap: 13px; - + @media (min-width: 2500px) { gap: 12px; } + + @media ((min-width: 1025px) and (max-width: 1150px)) { + gap: 7px; + } li { display: flex; @@ -79,6 +87,10 @@ gap: 12px; } + @media ((min-width: 1025px) and (max-width: 1150px)) { + gap: 7px; + } + p { font-size: 10px; line-height: 12px; From 6b91a685664d2f5e9bd9c39dd2f23b5b93c1358b Mon Sep 17 00:00:00 2001 From: Sabrina Miranda Date: Tue, 10 Jan 2023 14:04:43 -0300 Subject: [PATCH 07/17] feat(header): Estiliza o footer bottom para mobile --- .../FooterBottom/FooterBottom.module.scss | 35 +++++++++++++++++++ 1 file changed, 35 insertions(+) diff --git a/src/components/FooterBottom/FooterBottom.module.scss b/src/components/FooterBottom/FooterBottom.module.scss index 615f986..aa25d09 100644 --- a/src/components/FooterBottom/FooterBottom.module.scss +++ b/src/components/FooterBottom/FooterBottom.module.scss @@ -8,11 +8,26 @@ height: 96px; } + @media (max-width: 1024px) { + height: 134px; + } + + @media (max-width: 375px) { + height: 128px; + } + &__wrapper { display: flex; padding: 15px 100px; justify-content: space-between; align-items: center; + + @media (max-width: 1024px) { + display: grid; + grid-template-columns: 100%; + padding: 15px 16px; + gap: 15px; + } } &__address { @@ -25,6 +40,10 @@ font-size: 20px; line-height: 23px; } + + @media (max-width: 1024px) { + grid-area: 2; + } } &__payments-icons { @@ -36,6 +55,10 @@ gap: 6px; } + @media (max-width: 375px) { + gap: 11px;; + } + li { display: flex; } @@ -47,11 +70,19 @@ @media (min-width: 2500px) { height: 39px; } + + @media (max-width: 375px) { + height: 17px; + } } .li-divider { border: 1px solid variables.$gray-400; height: 24px; + + @media (max-width: 375px) { + height: 20px; + } } .li-vtexpci { @@ -61,6 +92,10 @@ @media (min-width: 2500px) { height: 66px; } + + @media (max-width: 375px) { + height: 28px; + } } } From f8344363141d2a53eb16cdbca5a002c5efd4eb50 Mon Sep 17 00:00:00 2001 From: Sabrina Miranda Date: Tue, 10 Jan 2023 17:07:04 +0000 Subject: [PATCH 08/17] revert 6b91a685664d2f5e9bd9c39dd2f23b5b93c1358b revert feat(header): Estiliza o footer bottom para mobile Nome commit errado --- .../FooterBottom/FooterBottom.module.scss | 35 ------------------- 1 file changed, 35 deletions(-) diff --git a/src/components/FooterBottom/FooterBottom.module.scss b/src/components/FooterBottom/FooterBottom.module.scss index aa25d09..615f986 100644 --- a/src/components/FooterBottom/FooterBottom.module.scss +++ b/src/components/FooterBottom/FooterBottom.module.scss @@ -8,26 +8,11 @@ height: 96px; } - @media (max-width: 1024px) { - height: 134px; - } - - @media (max-width: 375px) { - height: 128px; - } - &__wrapper { display: flex; padding: 15px 100px; justify-content: space-between; align-items: center; - - @media (max-width: 1024px) { - display: grid; - grid-template-columns: 100%; - padding: 15px 16px; - gap: 15px; - } } &__address { @@ -40,10 +25,6 @@ font-size: 20px; line-height: 23px; } - - @media (max-width: 1024px) { - grid-area: 2; - } } &__payments-icons { @@ -55,10 +36,6 @@ gap: 6px; } - @media (max-width: 375px) { - gap: 11px;; - } - li { display: flex; } @@ -70,19 +47,11 @@ @media (min-width: 2500px) { height: 39px; } - - @media (max-width: 375px) { - height: 17px; - } } .li-divider { border: 1px solid variables.$gray-400; height: 24px; - - @media (max-width: 375px) { - height: 20px; - } } .li-vtexpci { @@ -92,10 +61,6 @@ @media (min-width: 2500px) { height: 66px; } - - @media (max-width: 375px) { - height: 28px; - } } } From 17a9e271929cf375236e8d998c28c515951214f6 Mon Sep 17 00:00:00 2001 From: Sabrina Miranda Date: Tue, 10 Jan 2023 14:49:09 -0300 Subject: [PATCH 09/17] feat(footer): Estiliza o footer bottom para mobile --- .../FooterBottom/FooterBottom.module.scss | 37 ++++++++++++++++--- 1 file changed, 32 insertions(+), 5 deletions(-) diff --git a/src/components/FooterBottom/FooterBottom.module.scss b/src/components/FooterBottom/FooterBottom.module.scss index 615f986..2391691 100644 --- a/src/components/FooterBottom/FooterBottom.module.scss +++ b/src/components/FooterBottom/FooterBottom.module.scss @@ -1,18 +1,21 @@ @use '../../variables'; .footer-bottom { - height: 64px; background-color: variables.$black; - - @media (min-width: 2500px) { - height: 96px; - } + height: 100%; &__wrapper { display: flex; padding: 15px 100px; justify-content: space-between; align-items: center; + + @media (max-width: 1024px) { + display: grid; + grid-template-columns: 100%; + padding: 15px 16px; + gap: 15px; + } } &__address { @@ -25,6 +28,10 @@ font-size: 20px; line-height: 23px; } + + @media (max-width: 1024px) { + grid-area: 2; + } } &__payments-icons { @@ -36,6 +43,14 @@ gap: 6px; } + @media (min-width: 370px) and (max-width: 425px) { + gap: 11px; + } + + @media (max-width: 369px) { + flex-wrap: wrap; + } + li { display: flex; } @@ -47,11 +62,19 @@ @media (min-width: 2500px) { height: 39px; } + + @media (max-width: 420px) { + height: 17px; + } } .li-divider { border: 1px solid variables.$gray-400; height: 24px; + + @media (max-width: 420px) { + height: 20px; + } } .li-vtexpci { @@ -61,6 +84,10 @@ @media (min-width: 2500px) { height: 66px; } + + @media (max-width: 420px) { + height: 28px; + } } } From 3d6d9d73b6c2cb381ad3d9034f83f667b38ce0d6 Mon Sep 17 00:00:00 2001 From: Sabrina Miranda Date: Tue, 10 Jan 2023 16:04:57 -0300 Subject: [PATCH 10/17] =?UTF-8?q?refactor(newsletter):=20Aplica=20mudan?= =?UTF-8?q?=C3=A7as=20no=20c=C3=B3digo?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/components/Newsletter/Newsletter.module.scss | 7 ++++--- src/components/Newsletter/Schema/NewsletterSchema.ts | 2 +- 2 files changed, 5 insertions(+), 4 deletions(-) diff --git a/src/components/Newsletter/Newsletter.module.scss b/src/components/Newsletter/Newsletter.module.scss index 6d9e789..86b8e4b 100644 --- a/src/components/Newsletter/Newsletter.module.scss +++ b/src/components/Newsletter/Newsletter.module.scss @@ -119,6 +119,7 @@ width: 126px; height: 42px; background: variables.$black; + border: none; box-shadow: 0px 4px 4px variables.$shadow; border-radius: 4px; @@ -135,12 +136,11 @@ text-transform: uppercase; &:hover { - background: rgba($color: #000000, $alpha: .85); - border-color: transparent; + filter: opacity(.8); } &:active { - background: variables.$black; + filter: opacity(1); } @media (min-width: 3600px) { @@ -161,6 +161,7 @@ width: 100%; font-size: 14px; line-height: 16px; + box-shadow: none; } } } diff --git a/src/components/Newsletter/Schema/NewsletterSchema.ts b/src/components/Newsletter/Schema/NewsletterSchema.ts index 26d74fb..1064606 100644 --- a/src/components/Newsletter/Schema/NewsletterSchema.ts +++ b/src/components/Newsletter/Schema/NewsletterSchema.ts @@ -1,5 +1,5 @@ import * as Yup from "yup"; export default Yup.object().shape({ - email: Yup.string().required("*Campo obrigatório").email("*E-mail Inválido"), + email: Yup.string().email("*E-mail Inválido").required("") }); From 79116036b78749e0287071491117fdf2452c029a Mon Sep 17 00:00:00 2001 From: Sabrina Miranda Date: Wed, 11 Jan 2023 14:46:05 -0300 Subject: [PATCH 11/17] =?UTF-8?q?refactor:=20Aplica=20mudan=C3=A7as=20no?= =?UTF-8?q?=20c=C3=B3digo?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../FooterBottom/FooterBottom.module.scss | 84 +++++------ src/components/FooterBottom/FooterBottom.tsx | 132 +++++++++++++----- src/components/IconList/IconList.tsx | 11 +- src/components/ItemList/ItemList.tsx | 14 ++ .../ItemNavBar/ItemNavBar.module.scss | 29 ---- src/components/ItemNavBar/ItemNavBar.tsx | 10 -- .../Newsletter/Newsletter.module.scss | 2 +- 7 files changed, 152 insertions(+), 130 deletions(-) create mode 100644 src/components/ItemList/ItemList.tsx delete mode 100644 src/components/ItemNavBar/ItemNavBar.module.scss delete mode 100644 src/components/ItemNavBar/ItemNavBar.tsx diff --git a/src/components/FooterBottom/FooterBottom.module.scss b/src/components/FooterBottom/FooterBottom.module.scss index 2391691..b448d1b 100644 --- a/src/components/FooterBottom/FooterBottom.module.scss +++ b/src/components/FooterBottom/FooterBottom.module.scss @@ -51,11 +51,11 @@ flex-wrap: wrap; } - li { + .li-card { display: flex; } - .li-card { + .card { width: auto; height: 20px; @@ -92,59 +92,49 @@ } &__developedby { - ul { + display: flex; + align-items: center; + gap: 13px; + + @media (min-width: 2500px) { + gap: 12px; + } + + @media ((min-width: 1025px) and (max-width: 1150px)) { + gap: 7px; + } + + &__li, + &__text { display: flex; align-items: center; - gap: 13px; - + } + + &__text { + font-size: 10px; + line-height: 12px; + text-transform: capitalize; + color: variables.$white; + @media (min-width: 2500px) { - gap: 12px; + font-size: 20px; + line-height: 23px; } + } - @media ((min-width: 1025px) and (max-width: 1150px)) { - gap: 7px; + &__logo-vtex { + width: 44px; + + @media (min-width: 2500px) { + width: 84px; } - - li { - display: flex; - align-items: center; - gap: 13px; + } - @media (min-width: 2500px) { - gap: 12px; - } + &__logo-m3 { + width: 28px; - @media ((min-width: 1025px) and (max-width: 1150px)) { - gap: 7px; - } - - p { - font-size: 10px; - line-height: 12px; - text-transform: capitalize; - color: variables.$white; - - @media (min-width: 2500px) { - font-size: 20px; - line-height: 23px; - } - } - - .logo-vtex { - width: 44px; - - @media (min-width: 2500px) { - width: 84px; - } - } - - .logo-m3 { - width: 28px; - - @media (min-width: 2500px) { - width: 54px; - } - } + @media (min-width: 2500px) { + width: 54px; } } } diff --git a/src/components/FooterBottom/FooterBottom.tsx b/src/components/FooterBottom/FooterBottom.tsx index 8d9e862..a17402b 100644 --- a/src/components/FooterBottom/FooterBottom.tsx +++ b/src/components/FooterBottom/FooterBottom.tsx @@ -14,45 +14,103 @@ import imgLogoBoleto from "./assets/Boleto.png"; import imgLogoVtexPCI from "./assets/vtex-pci-200.png"; import { IconList } from "../IconList/IconList"; +import { ItemList } from "../ItemList/ItemList"; const FooterBottom = () => { + return ( +
    +
    - return ( -
    - +
    +

    Lorem ipsum dolor sit amet, consectetur adipiscing

    +

    Elit, sed do eiusmod tempor

    - ); -} -export {FooterBottom}; +
      + + + + + + + + +
    • + + +
    + + + +
    +
    + ); +}; + +export { FooterBottom }; diff --git a/src/components/IconList/IconList.tsx b/src/components/IconList/IconList.tsx index 9cbfb3f..db73f22 100644 --- a/src/components/IconList/IconList.tsx +++ b/src/components/IconList/IconList.tsx @@ -3,17 +3,16 @@ import React from "react"; interface Icon { src: string; alt: string; - className: string; - text?: string; + imgClassName?: string; + liClassName?: string; } const IconList = ( props: Icon ) => { - const { src, alt, className, text } = props; + const { src, alt, imgClassName, liClassName } = props; return ( -
  • -

    {text}

    - {alt} +
  • + {alt}
    • ); }; diff --git a/src/components/ItemList/ItemList.tsx b/src/components/ItemList/ItemList.tsx new file mode 100644 index 0000000..0ec46da --- /dev/null +++ b/src/components/ItemList/ItemList.tsx @@ -0,0 +1,14 @@ +import React from "react"; + +interface Icon { + text: string; + textClassName?: string; +} + +const ItemList = ( props: Icon) => { + const { text, textClassName } = props; + + return
  • { text }
    • ; +}; + +export { ItemList }; diff --git a/src/components/ItemNavBar/ItemNavBar.module.scss b/src/components/ItemNavBar/ItemNavBar.module.scss deleted file mode 100644 index 1f5b977..0000000 --- a/src/components/ItemNavBar/ItemNavBar.module.scss +++ /dev/null @@ -1,29 +0,0 @@ -@use '../../variables'; - -.nav-bar__item { - font-weight: 500; - font-size: 14px; - line-height: 16px; - text-transform: uppercase; - color: variables.$white; - cursor: pointer; - - @media (min-width: 3600px) { - font-size: 32px; - line-height: 38px; - } - - @media ((min-width: 2500px) and (max-width: 3599px)) { - font-size: 28px; - line-height: 33px; - } - - @media (max-width: 1024px) { - color: variables.$gray-400; - margin-bottom: 12px; - } - - &:hover { - filter: brightness(80%); - } -} diff --git a/src/components/ItemNavBar/ItemNavBar.tsx b/src/components/ItemNavBar/ItemNavBar.tsx deleted file mode 100644 index 7d37cf7..0000000 --- a/src/components/ItemNavBar/ItemNavBar.tsx +++ /dev/null @@ -1,10 +0,0 @@ -import React from 'react'; - -import styles from "./ItemNavBar.module.scss"; - -const ItemNavBar = ( props:any) => { - const { text } = props; - return
  • { text }
    • ; -}; - -export { ItemNavBar }; diff --git a/src/components/Newsletter/Newsletter.module.scss b/src/components/Newsletter/Newsletter.module.scss index 86b8e4b..c436dd7 100644 --- a/src/components/Newsletter/Newsletter.module.scss +++ b/src/components/Newsletter/Newsletter.module.scss @@ -168,7 +168,7 @@ } } -span{ +span { font-size: 12px; line-height: 14px; color: variables.$red; From 151919fba5c794b90487cd19083b527d39f71805 Mon Sep 17 00:00:00 2001 From: Sabrina Miranda Date: Wed, 11 Jan 2023 16:01:18 -0300 Subject: [PATCH 12/17] =?UTF-8?q?feat:=20Cria=20o=20componente=20para=20o?= =?UTF-8?q?=20link=20de=20WhatsApp=20e=20do=20bot=C3=A3o=20ScrollTop?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../WhatsAppAndScrollTop.module.scss | 67 +++++++++++++++++++ .../WhatsAppAndScrollTop.tsx | 31 +++++++++ .../WhatsAppAndScrollTop/assets/arrow.svg | 3 + .../WhatsAppAndScrollTop/assets/whatsapp.svg | 11 +++ src/pages/Home.tsx | 2 + 5 files changed, 114 insertions(+) create mode 100644 src/components/WhatsAppAndScrollTop/WhatsAppAndScrollTop.module.scss create mode 100644 src/components/WhatsAppAndScrollTop/WhatsAppAndScrollTop.tsx create mode 100644 src/components/WhatsAppAndScrollTop/assets/arrow.svg create mode 100644 src/components/WhatsAppAndScrollTop/assets/whatsapp.svg diff --git a/src/components/WhatsAppAndScrollTop/WhatsAppAndScrollTop.module.scss b/src/components/WhatsAppAndScrollTop/WhatsAppAndScrollTop.module.scss new file mode 100644 index 0000000..8d5373a --- /dev/null +++ b/src/components/WhatsAppAndScrollTop/WhatsAppAndScrollTop.module.scss @@ -0,0 +1,67 @@ +@use '../../variables'; + +.buttons { + display: flex; + flex-direction: column ; + position: fixed; + right: 16px; + bottom: 190px; + + @media (min-width: 2500px) { + bottom: 229px; + } + + @media (max-width: 1024px) { + bottom: 51px; + } + + @media (max-width: 375px) { + bottom: 29px; + } + + &__whatsaspp { + margin-bottom: 5px; + + @media (min-width: 2500px) { + width: 66px; + } + + &:hover { + filter: brightness(90%) ; + } + } + + &__scrolltop { + &__circle { + width: 34px; + height: 34px; + background-color: variables.$gray-400; + border: none; + border-radius: 50%; + position: relative; + + @media (min-width: 2500px) { + width: 66px; + height: 66px; + } + + &:hover { + filter: brightness(90%) ; + } + } + + &__arrow { + position: absolute; + top: 13px; + right: 11px; + + @media (min-width: 2500px) { + width: 24px; + height: 13px; + top: 25px; + right: 21px; + } + } + } + +} diff --git a/src/components/WhatsAppAndScrollTop/WhatsAppAndScrollTop.tsx b/src/components/WhatsAppAndScrollTop/WhatsAppAndScrollTop.tsx new file mode 100644 index 0000000..7e9630d --- /dev/null +++ b/src/components/WhatsAppAndScrollTop/WhatsAppAndScrollTop.tsx @@ -0,0 +1,31 @@ +import React from "react"; + +import imgWhatsApp from "./assets/whatsapp.svg"; +import imgArrow from "./assets/arrow.svg"; + +import styles from "./WhatsAppAndScrollTop.module.scss"; + +const WhatsAppAndScrollTop = () => { + + const scrollTop = () => { + window.scrollTo({ + top: 0, + behavior: "smooth", + }); + }; + + return ( +
    + + Logo WhatApp + + + +
    + ); +} + +export{ WhatsAppAndScrollTop }; diff --git a/src/components/WhatsAppAndScrollTop/assets/arrow.svg b/src/components/WhatsAppAndScrollTop/assets/arrow.svg new file mode 100644 index 0000000..a217195 --- /dev/null +++ b/src/components/WhatsAppAndScrollTop/assets/arrow.svg @@ -0,0 +1,3 @@ + + + diff --git a/src/components/WhatsAppAndScrollTop/assets/whatsapp.svg b/src/components/WhatsAppAndScrollTop/assets/whatsapp.svg new file mode 100644 index 0000000..13b56b3 --- /dev/null +++ b/src/components/WhatsAppAndScrollTop/assets/whatsapp.svg @@ -0,0 +1,11 @@ + + + + + + + + + + + diff --git a/src/pages/Home.tsx b/src/pages/Home.tsx index 5828a4f..c492db5 100644 --- a/src/pages/Home.tsx +++ b/src/pages/Home.tsx @@ -6,6 +6,7 @@ import { HeaderTop } from '../components/HeaderTop/HeaderTop'; import { HeaderBottom } from '../components/HeaderBottom/HeaderBottom'; import { Newsletter } from '../components/Newsletter/Newsletter'; import { FooterBottom } from '../components/FooterBottom/FooterBottom'; +import { WhatsAppAndScrollTop } from '../components/WhatsAppAndScrollTop/WhatsAppAndScrollTop'; const Home = () => { @@ -21,6 +22,7 @@ const Home = () => {
    +
    ); From 6fcc8dd73067c9731e76b1384ebc482380603031 Mon Sep 17 00:00:00 2001 From: Sabrina Miranda Date: Wed, 11 Jan 2023 19:54:14 -0300 Subject: [PATCH 13/17] feat(footer): Cria o footer top --- .../FooterMenu/FooterMenu.module.scss | 48 +++++++++++ src/components/FooterMenu/FooterMenu.tsx | 83 +++++++++++++++++++ .../FooterTop/FooterTop.module.scss | 8 ++ src/components/FooterTop/FooterTop.tsx | 18 ++++ .../RedesSociais/RedesSociais.module.scss | 34 ++++++++ src/components/RedesSociais/RedesSociais.tsx | 64 ++++++++++++++ .../RedesSociais/assets/facebook-icon.svg | 11 +++ .../RedesSociais/assets/instagram-icon.svg | 13 +++ .../RedesSociais/assets/linkedin-icon.svg | 13 +++ .../RedesSociais/assets/twitter-icon.svg | 4 + .../RedesSociais/assets/youtube-icon.svg | 4 + src/pages/Home.tsx | 34 ++++---- 12 files changed, 318 insertions(+), 16 deletions(-) create mode 100644 src/components/FooterMenu/FooterMenu.module.scss create mode 100644 src/components/FooterMenu/FooterMenu.tsx create mode 100644 src/components/FooterTop/FooterTop.module.scss create mode 100644 src/components/FooterTop/FooterTop.tsx create mode 100644 src/components/RedesSociais/RedesSociais.module.scss create mode 100644 src/components/RedesSociais/RedesSociais.tsx create mode 100644 src/components/RedesSociais/assets/facebook-icon.svg create mode 100644 src/components/RedesSociais/assets/instagram-icon.svg create mode 100644 src/components/RedesSociais/assets/linkedin-icon.svg create mode 100644 src/components/RedesSociais/assets/twitter-icon.svg create mode 100644 src/components/RedesSociais/assets/youtube-icon.svg diff --git a/src/components/FooterMenu/FooterMenu.module.scss b/src/components/FooterMenu/FooterMenu.module.scss new file mode 100644 index 0000000..25a979c --- /dev/null +++ b/src/components/FooterMenu/FooterMenu.module.scss @@ -0,0 +1,48 @@ +@use '../../variables'; + +.footer-menu { + display: flex; + gap: 121px; + + @media (min-width: 2500px) { + gap: 293px; + } + + &__items { + + &__title, + &__item, + &__item-title { + color: variables.$black-300; + margin-bottom: 12px; + } + + &__title { + font-weight: 500; + font-size: 14px; + line-height: 16px; + text-transform: uppercase; + + @media (min-width: 2500px) { + font-size: 28px; + line-height: 33px; + } + } + + &__item, + &__item-title { + font-size: 12px; + line-height: 14px; + text-transform: capitalize; + + @media (min-width: 2500px) { + font-size: 24px; + line-height: 28px; + } + } + + &__item-title { + font-weight: 500; + } + } +} \ No newline at end of file diff --git a/src/components/FooterMenu/FooterMenu.tsx b/src/components/FooterMenu/FooterMenu.tsx new file mode 100644 index 0000000..793600b --- /dev/null +++ b/src/components/FooterMenu/FooterMenu.tsx @@ -0,0 +1,83 @@ +import React from "react"; + +import styles from "./FooterMenu.module.scss"; + +import { ItemList } from "../ItemList/ItemList"; + +const FooterMenu = () => { + + return ( +
    + +
    +

    + INSTITUCIONAL +

    + + +
    + +
    +

    + DÚVIDAS +

    + + +
    + +
    +

    + FALE CONOSCO +

    + + +
    +
    + ); +} + +export { FooterMenu }; diff --git a/src/components/FooterTop/FooterTop.module.scss b/src/components/FooterTop/FooterTop.module.scss new file mode 100644 index 0000000..4cc5cf6 --- /dev/null +++ b/src/components/FooterTop/FooterTop.module.scss @@ -0,0 +1,8 @@ +@use '../../variables'; + +.footer-top { + display: flex; + justify-content: space-between; + margin: 50px 0; + padding: 0 100px; +} diff --git a/src/components/FooterTop/FooterTop.tsx b/src/components/FooterTop/FooterTop.tsx new file mode 100644 index 0000000..9dec508 --- /dev/null +++ b/src/components/FooterTop/FooterTop.tsx @@ -0,0 +1,18 @@ +import React from "react"; + +import styles from "./FooterTop.module.scss"; + +import { RedesSociais } from "../RedesSociais/RedesSociais"; +import { FooterMenu } from "../FooterMenu/FooterMenu"; + +const FooterTop = () => { + + return ( +
    + + +
    + ); +} + +export { FooterTop }; diff --git a/src/components/RedesSociais/RedesSociais.module.scss b/src/components/RedesSociais/RedesSociais.module.scss new file mode 100644 index 0000000..6fbce6b --- /dev/null +++ b/src/components/RedesSociais/RedesSociais.module.scss @@ -0,0 +1,34 @@ +@use '../../variables'; + +.redes-sociais { + &__container { + display: flex; + flex-direction: column; + justify-content: flex-start; + gap: 12px; + } + + &__icons { + display: flex; + gap: 10px; + + &__icon { + width: 35px; + + @media (min-width: 2500px) { + width: 70px; + } + } + } + + &__link { + font-size: 14px; + line-height: 16px; + color: variables.$black-300; + + @media (min-width: 2500px) { + font-size: 28px; + line-height: 33px; + } + } +} diff --git a/src/components/RedesSociais/RedesSociais.tsx b/src/components/RedesSociais/RedesSociais.tsx new file mode 100644 index 0000000..1a31278 --- /dev/null +++ b/src/components/RedesSociais/RedesSociais.tsx @@ -0,0 +1,64 @@ +import React from "react"; + +import styles from "./RedesSociais.module.scss"; + +import imgFacebook from "./assets/facebook-icon.svg"; +import imgInstagram from "./assets/instagram-icon.svg"; +import imgTwitter from "./assets/twitter-icon.svg"; +import imgYouTube from "./assets/youtube-icon.svg"; +import imgLinkdin from "./assets/linkedin-icon.svg"; + +import { IconList } from "../IconList/IconList"; + +const RedesSociais = () => { + + return ( + + ); +} + +export { RedesSociais }; diff --git a/src/components/RedesSociais/assets/facebook-icon.svg b/src/components/RedesSociais/assets/facebook-icon.svg new file mode 100644 index 0000000..17d16fd --- /dev/null +++ b/src/components/RedesSociais/assets/facebook-icon.svg @@ -0,0 +1,11 @@ + + + + + + + + + + + diff --git a/src/components/RedesSociais/assets/instagram-icon.svg b/src/components/RedesSociais/assets/instagram-icon.svg new file mode 100644 index 0000000..8a8998b --- /dev/null +++ b/src/components/RedesSociais/assets/instagram-icon.svg @@ -0,0 +1,13 @@ + + + + + + + + + + + + + diff --git a/src/components/RedesSociais/assets/linkedin-icon.svg b/src/components/RedesSociais/assets/linkedin-icon.svg new file mode 100644 index 0000000..0e74f6b --- /dev/null +++ b/src/components/RedesSociais/assets/linkedin-icon.svg @@ -0,0 +1,13 @@ + + + + + + + + + + + + + diff --git a/src/components/RedesSociais/assets/twitter-icon.svg b/src/components/RedesSociais/assets/twitter-icon.svg new file mode 100644 index 0000000..429d79f --- /dev/null +++ b/src/components/RedesSociais/assets/twitter-icon.svg @@ -0,0 +1,4 @@ + + + + diff --git a/src/components/RedesSociais/assets/youtube-icon.svg b/src/components/RedesSociais/assets/youtube-icon.svg new file mode 100644 index 0000000..8894c8b --- /dev/null +++ b/src/components/RedesSociais/assets/youtube-icon.svg @@ -0,0 +1,4 @@ + + + + diff --git a/src/pages/Home.tsx b/src/pages/Home.tsx index c492db5..d8c8f6b 100644 --- a/src/pages/Home.tsx +++ b/src/pages/Home.tsx @@ -1,29 +1,31 @@ -import React from 'react'; +import React from "react"; import styles from "./Home.module.scss"; -import { HeaderTop } from '../components/HeaderTop/HeaderTop'; -import { HeaderBottom } from '../components/HeaderBottom/HeaderBottom'; -import { Newsletter } from '../components/Newsletter/Newsletter'; -import { FooterBottom } from '../components/FooterBottom/FooterBottom'; -import { WhatsAppAndScrollTop } from '../components/WhatsAppAndScrollTop/WhatsAppAndScrollTop'; +import { HeaderTop } from "../components/HeaderTop/HeaderTop"; +import { HeaderBottom } from "../components/HeaderBottom/HeaderBottom"; +import { Newsletter } from "../components/Newsletter/Newsletter"; +import { FooterBottom } from "../components/FooterBottom/FooterBottom"; +import { FooterTop } from "../components/FooterTop/FooterTop"; +import { WhatsAppAndScrollTop } from "../components/WhatsAppAndScrollTop/WhatsAppAndScrollTop"; const Home = () => { return ( <> -
    - - -
    +
    + + +
    -
    +
    -
    - - - -
    +
    + + + + +
    ); } From e37446003861f936550521dd7f4c155278e6057b Mon Sep 17 00:00:00 2001 From: Sabrina Miranda Date: Thu, 12 Jan 2023 01:55:52 -0300 Subject: [PATCH 14/17] =?UTF-8?q?feat(footer):=20Estiliza=20e=20aplica=20f?= =?UTF-8?q?uncionalidade=20ao=20menu=20do=20footer=20top=20para=20mobile?= =?UTF-8?q?=20e=20faz=20uma=20pequena=20adapta=C3=A7=C3=A3o=20para=20deskt?= =?UTF-8?q?op?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../FooterMenu/FooterMenu.module.scss | 69 +++++++++++++- src/components/FooterMenu/FooterMenu.tsx | 90 +++++++++++++------ .../FooterTop/FooterTop.module.scss | 7 ++ 3 files changed, 135 insertions(+), 31 deletions(-) diff --git a/src/components/FooterMenu/FooterMenu.module.scss b/src/components/FooterMenu/FooterMenu.module.scss index 25a979c..9facceb 100644 --- a/src/components/FooterMenu/FooterMenu.module.scss +++ b/src/components/FooterMenu/FooterMenu.module.scss @@ -8,14 +8,30 @@ gap: 293px; } - &__items { + @media ((min-width: 1025px) and (max-width: 1170px)) { + gap: 75px; + } + @media (max-width: 1024px) { + flex-direction: column; + gap: 0; + } + + &__top { + &__title, &__item, &__item-title { color: variables.$black-300; margin-bottom: 12px; } + + &__title-wrapper { + @media (max-width: 1024px) { + display: flex; + justify-content: space-between; + } + } &__title { font-weight: 500; @@ -23,26 +39,73 @@ line-height: 16px; text-transform: uppercase; + @media (max-width: 1024px) { + cursor: pointer; + + &:hover { + filter: contrast(60%); + } + } + @media (min-width: 2500px) { font-size: 28px; line-height: 33px; } } + &__plus-sign { + font-weight: 500; + color: variables.$black-300; + cursor: pointer; + + &:hover { + filter: contrast(60%); + } + + @media (min-width: 1025px) { + display: none; + } + } + + &__items { + @media (max-width: 1024px) { + visibility: visible; + opacity: 1; + padding-bottom: 12px; + transition: .3s ease; + transform: translateY(0); + } + } + + &__items-inactive { + @media (max-width: 1024px) { + visibility: hidden; + opacity: 0; + height: 0; + transform: translateY(-20%); + } + } + &__item, &__item-title { font-size: 12px; line-height: 14px; text-transform: capitalize; - + @media (min-width: 2500px) { font-size: 24px; line-height: 28px; } } + &__item { + &:hover { + filter:contrast(60%); + } + } + &__item-title { font-weight: 500; } } -} \ No newline at end of file +} diff --git a/src/components/FooterMenu/FooterMenu.tsx b/src/components/FooterMenu/FooterMenu.tsx index 793600b..1bbb5c5 100644 --- a/src/components/FooterMenu/FooterMenu.tsx +++ b/src/components/FooterMenu/FooterMenu.tsx @@ -1,4 +1,4 @@ -import React from "react"; +import {useState} from "react"; import styles from "./FooterMenu.module.scss"; @@ -6,73 +6,107 @@ import { ItemList } from "../ItemList/ItemList"; const FooterMenu = () => { + const [isActive, setIsActive] = useState(false); + const [isActive2, setIsActive2] = useState(false); + const [isActive3, setIsActive3] = useState(false); + return (
    -
    -

    - INSTITUCIONAL -

    +
    -
      +
      setIsActive(!isActive)}> +

      + INSTITUCIONAL +

      + +
      + {isActive ? "-" : "+"} +
      +
      + +
    -
    -

    - DÚVIDAS -

    +
    + +
    setIsActive2(!isActive2)}> +

    + DÚVIDAS +

    + +
    + {isActive2 ? "-" : "+"} +
    +
    + +
    -
    -

    - FALE CONOSCO -

    +
    -
      - +
      setIsActive3(!isActive3)}> +

      + FALE CONOSCO +

      + +
      + {isActive3 ? "-" : "+"} +
      +
      + +
    diff --git a/src/components/FooterTop/FooterTop.module.scss b/src/components/FooterTop/FooterTop.module.scss index 4cc5cf6..b1fd4bf 100644 --- a/src/components/FooterTop/FooterTop.module.scss +++ b/src/components/FooterTop/FooterTop.module.scss @@ -5,4 +5,11 @@ justify-content: space-between; margin: 50px 0; padding: 0 100px; + + @media (max-width: 1024px) { + flex-direction: column; + justify-content: flex-start; + margin: 24px 0; + padding: 0 16px; + } } From 4f1eff22bd5855797b443070c44208233895b6ef Mon Sep 17 00:00:00 2001 From: Sabrina Miranda Date: Thu, 12 Jan 2023 01:59:07 -0300 Subject: [PATCH 15/17] =?UTF-8?q?feat(footer):=20Aplica=20hover=20em=20alg?= =?UTF-8?q?uns=20=C3=ADcones=20e=20links?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/components/FooterBottom/FooterBottom.module.scss | 8 ++++++++ src/components/RedesSociais/RedesSociais.module.scss | 8 ++++++++ 2 files changed, 16 insertions(+) diff --git a/src/components/FooterBottom/FooterBottom.module.scss b/src/components/FooterBottom/FooterBottom.module.scss index b448d1b..adc8389 100644 --- a/src/components/FooterBottom/FooterBottom.module.scss +++ b/src/components/FooterBottom/FooterBottom.module.scss @@ -128,6 +128,10 @@ @media (min-width: 2500px) { width: 84px; } + + &:hover { + filter: brightness(80%); + } } &__logo-m3 { @@ -136,6 +140,10 @@ @media (min-width: 2500px) { width: 54px; } + + &:hover { + filter: brightness(80%); + } } } } diff --git a/src/components/RedesSociais/RedesSociais.module.scss b/src/components/RedesSociais/RedesSociais.module.scss index 6fbce6b..a4751f4 100644 --- a/src/components/RedesSociais/RedesSociais.module.scss +++ b/src/components/RedesSociais/RedesSociais.module.scss @@ -15,6 +15,10 @@ &__icon { width: 35px; + &:hover { + filter: contrast(40%); + } + @media (min-width: 2500px) { width: 70px; } @@ -26,6 +30,10 @@ line-height: 16px; color: variables.$black-300; + &:hover { + filter: contrast(60%); + } + @media (min-width: 2500px) { font-size: 28px; line-height: 33px; From cfd162a71c63d5c649e50632a89f97e4c7457218 Mon Sep 17 00:00:00 2001 From: Sabrina Miranda Date: Thu, 12 Jan 2023 18:06:49 -0300 Subject: [PATCH 16/17] =?UTF-8?q?refactor:=20Aplica=20mudan=C3=A7as=20no?= =?UTF-8?q?=20c=C3=B3digo?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../FooterMenu/FooterMenu.module.scss | 41 +++++++++++-------- src/components/FooterMenu/FooterMenu.tsx | 15 +++++-- .../RedesSociais/RedesSociais.module.scss | 8 +++- .../WhatsAppAndScrollTop.module.scss | 5 ++- 4 files changed, 45 insertions(+), 24 deletions(-) diff --git a/src/components/FooterMenu/FooterMenu.module.scss b/src/components/FooterMenu/FooterMenu.module.scss index 9facceb..46438f4 100644 --- a/src/components/FooterMenu/FooterMenu.module.scss +++ b/src/components/FooterMenu/FooterMenu.module.scss @@ -18,22 +18,23 @@ } &__top { - - &__title, - &__item, - &__item-title { - color: variables.$black-300; - margin-bottom: 12px; - } - &__title-wrapper { @media (max-width: 1024px) { display: flex; justify-content: space-between; } } + + &__title, + &__item, + &__item-title, + &__title-active { + color: variables.$black-300; + margin-bottom: 12px; + } - &__title { + &__title, + &__title-active { font-weight: 500; font-size: 14px; line-height: 16px; @@ -41,10 +42,6 @@ @media (max-width: 1024px) { cursor: pointer; - - &:hover { - filter: contrast(60%); - } } @media (min-width: 2500px) { @@ -53,15 +50,23 @@ } } + &__title { + @media (max-width: 1024px) { + &:hover { + filter: contrast(60%); + } + } + } + + &__title-active { + text-decoration-line: underline; + } + &__plus-sign { font-weight: 500; color: variables.$black-300; cursor: pointer; - &:hover { - filter: contrast(60%); - } - @media (min-width: 1025px) { display: none; } @@ -100,7 +105,7 @@ &__item { &:hover { - filter:contrast(60%); + text-decoration-line: underline; } } diff --git a/src/components/FooterMenu/FooterMenu.tsx b/src/components/FooterMenu/FooterMenu.tsx index 1bbb5c5..74133cd 100644 --- a/src/components/FooterMenu/FooterMenu.tsx +++ b/src/components/FooterMenu/FooterMenu.tsx @@ -16,7 +16,10 @@ const FooterMenu = () => {
    setIsActive(!isActive)}> -

    + +

    INSTITUCIONAL

    @@ -50,7 +53,10 @@ const FooterMenu = () => {
    setIsActive2(!isActive2)}> -

    + +

    DÚVIDAS

    @@ -84,7 +90,10 @@ const FooterMenu = () => {
    setIsActive3(!isActive3)}> -

    + +

    FALE CONOSCO

    diff --git a/src/components/RedesSociais/RedesSociais.module.scss b/src/components/RedesSociais/RedesSociais.module.scss index a4751f4..fa52094 100644 --- a/src/components/RedesSociais/RedesSociais.module.scss +++ b/src/components/RedesSociais/RedesSociais.module.scss @@ -16,7 +16,11 @@ width: 35px; &:hover { - filter: contrast(40%); + filter: contrast(30%); + } + + &:active { + filter: contrast(100%); } @media (min-width: 2500px) { @@ -31,7 +35,7 @@ color: variables.$black-300; &:hover { - filter: contrast(60%); + text-decoration-line: underline; } @media (min-width: 2500px) { diff --git a/src/components/WhatsAppAndScrollTop/WhatsAppAndScrollTop.module.scss b/src/components/WhatsAppAndScrollTop/WhatsAppAndScrollTop.module.scss index 8d5373a..69f7886 100644 --- a/src/components/WhatsAppAndScrollTop/WhatsAppAndScrollTop.module.scss +++ b/src/components/WhatsAppAndScrollTop/WhatsAppAndScrollTop.module.scss @@ -29,6 +29,10 @@ &:hover { filter: brightness(90%) ; } + + &:active { + filter: brightness(100%); + } } &__scrolltop { @@ -63,5 +67,4 @@ } } } - } From 41fc465bea7ec2e15ac88a8812c551ae7f22610b Mon Sep 17 00:00:00 2001 From: Sabrina Miranda Date: Thu, 12 Jan 2023 18:57:30 -0300 Subject: [PATCH 17/17] =?UTF-8?q?refactor:=20Aplica=20mudan=C3=A7as=20no?= =?UTF-8?q?=20c=C3=B3digo?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/components/FooterMenu/FooterMenu.module.scss | 4 ++++ src/global.scss | 4 ++++ 2 files changed, 8 insertions(+) diff --git a/src/components/FooterMenu/FooterMenu.module.scss b/src/components/FooterMenu/FooterMenu.module.scss index 46438f4..80bc14d 100644 --- a/src/components/FooterMenu/FooterMenu.module.scss +++ b/src/components/FooterMenu/FooterMenu.module.scss @@ -111,6 +111,10 @@ &__item-title { font-weight: 500; + + @media ((min-width: 1025px) and (max-width: 2499px)){ + width: 150px; + } } } } diff --git a/src/global.scss b/src/global.scss index a8b8b11..9711fbf 100644 --- a/src/global.scss +++ b/src/global.scss @@ -15,6 +15,10 @@ body, height: 100%; } +body { + position: relative; +} + *:focus { outline: 0; }