From d7c2aec8c6b9b701f9aeb8d8f69f64ce804753c0 Mon Sep 17 00:00:00 2001 From: Adilson Fernando Date: Mon, 2 Jan 2023 21:38:42 -0300 Subject: [PATCH] =?UTF-8?q?feat:=20header=20j=C3=A1=20pronto=20e=20respons?= =?UTF-8?q?ivo?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- adilson-fernando/package-lock.json | 11 + adilson-fernando/package.json | 1 + .../src/assets/images/MenuHamburguer.jpg | Bin 0 -> 1254 bytes .../src/assets/images/carrinhoCompra.png | Bin 0 -> 721 bytes .../src/assets/images/lupaBuscar.png | Bin 0 -> 912 bytes .../src/assets/logos/Logo-M3Academy.jpg | Bin 0 -> 15313 bytes adilson-fernando/src/components/Footer.tsx | 11 - .../src/components/Footer/Footer.tsx | 17 ++ adilson-fernando/src/components/Header.tsx | 11 - .../src/components/Header/Header.tsx | 69 ++++++ adilson-fernando/src/components/Main.tsx | 11 - adilson-fernando/src/components/Main/Main.tsx | 16 ++ adilson-fernando/src/pages/Home.tsx | 6 +- adilson-fernando/src/react-app-env.d.ts | 3 + .../{Footer.scss => Footer.module.scss} | 0 adilson-fernando/src/styles/Global.scss | 8 +- .../src/styles/Header.module.scss | 221 ++++++++++++++++++ .../styles/{Header.scss => Main.module.scss} | 0 adilson-fernando/src/styles/Main.scss | 0 adilson-fernando/src/styles/Variaveis.scss | 8 + 20 files changed, 354 insertions(+), 39 deletions(-) create mode 100644 adilson-fernando/src/assets/images/MenuHamburguer.jpg create mode 100644 adilson-fernando/src/assets/images/carrinhoCompra.png create mode 100644 adilson-fernando/src/assets/images/lupaBuscar.png create mode 100644 adilson-fernando/src/assets/logos/Logo-M3Academy.jpg delete mode 100644 adilson-fernando/src/components/Footer.tsx create mode 100644 adilson-fernando/src/components/Footer/Footer.tsx delete mode 100644 adilson-fernando/src/components/Header.tsx create mode 100644 adilson-fernando/src/components/Header/Header.tsx delete mode 100644 adilson-fernando/src/components/Main.tsx create mode 100644 adilson-fernando/src/components/Main/Main.tsx create mode 100644 adilson-fernando/src/react-app-env.d.ts rename adilson-fernando/src/styles/{Footer.scss => Footer.module.scss} (100%) create mode 100644 adilson-fernando/src/styles/Header.module.scss rename adilson-fernando/src/styles/{Header.scss => Main.module.scss} (100%) delete mode 100644 adilson-fernando/src/styles/Main.scss diff --git a/adilson-fernando/package-lock.json b/adilson-fernando/package-lock.json index 9e5a021..6a59058 100644 --- a/adilson-fernando/package-lock.json +++ b/adilson-fernando/package-lock.json @@ -18,6 +18,7 @@ "cpf": "^2.0.1", "date-fns": "^2.28.0", "formik": "^2.2.9", + "module-name": "^0.0.1-security", "react": "^18.2.0", "react-dom": "^18.2.0", "react-router-dom": "^6.6.1", @@ -11904,6 +11905,11 @@ "mkdirp": "bin/cmd.js" } }, + "node_modules/module-name": { + "version": "0.0.1-security", + "resolved": "https://registry.npmjs.org/module-name/-/module-name-0.0.1-security.tgz", + "integrity": "sha512-yuuTU5MhBuxtUPjTIqBz3AR2z3yrBr7yjPvpHbKLu5N3iWBRji2RnNAysonzft26mMUO+vA2tB3uiAqbZ6jXAQ==" + }, "node_modules/ms": { "version": "2.1.2", "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.2.tgz", @@ -25825,6 +25831,11 @@ "minimist": "^1.2.6" } }, + "module-name": { + "version": "0.0.1-security", + "resolved": "https://registry.npmjs.org/module-name/-/module-name-0.0.1-security.tgz", + "integrity": "sha512-yuuTU5MhBuxtUPjTIqBz3AR2z3yrBr7yjPvpHbKLu5N3iWBRji2RnNAysonzft26mMUO+vA2tB3uiAqbZ6jXAQ==" + }, "ms": { "version": "2.1.2", "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.2.tgz", diff --git a/adilson-fernando/package.json b/adilson-fernando/package.json index 89a1fbe..eb38dbe 100644 --- a/adilson-fernando/package.json +++ b/adilson-fernando/package.json @@ -13,6 +13,7 @@ "cpf": "^2.0.1", "date-fns": "^2.28.0", "formik": "^2.2.9", + "module-name": "^0.0.1-security", "react": "^18.2.0", "react-dom": "^18.2.0", "react-router-dom": "^6.6.1", diff --git a/adilson-fernando/src/assets/images/MenuHamburguer.jpg b/adilson-fernando/src/assets/images/MenuHamburguer.jpg new file mode 100644 index 0000000000000000000000000000000000000000..77a2ace0918fe1f208f7571020dbba9077e4e84a GIT binary patch literal 1254 zcmbu+drVVj6aesZdv7TPTq(~%F`XdlOg2Pdr~|4ni$Dk{gKcEO5T#&J8Q`#j&;i0G z!kDtz4U(bqbZlUif{;m9+KGGe27!e~8RHR1d$E&JOTS&_;*$Nf%=6{@>ztgN-#O?3 zngZ)keh42h8U}}`2WT9E0DH#RX!49LFbsVQY;$k~7aU^)jg8@K45@$%fYG1yhQ9-& z;RM}`Va~L$qzYu#K*MmHM&NWhK~U8>R2~R6-DZpD0W;gf2@KaXyWM%0u9>?9N)`4; z`m|fUj-}@_EgT%5cXD>$wtdHoJH35g@!hj`U(jm@`N4-mLZe=fj(OwFw_+2IpGXoU zr<}|<{a)r7(b=qm^Myqpe0ZVwa``8pUXgtEdByeWn%cVhh8thry4@mcZM)On(WO*< zcdz^Y_doOx3=R#CJQy9DR?qx4`}^Gd!XmlyQ1{29RsEV_!-WC6%o*bn`l*wLg~LXW_8bd)l4cp#3HL zZ?OFTC3_0{$2A64I7S^0X9Ew`A{1P0R{e6&RF9b`qRRon&AFu>mjFlY#D!`7h;qV} zY&)-WNpTj+@`Ri&!`tC?qKvQ%EPJzMgy2@cu;NvYAo(5s3!8(D{D+UD5cHLqdJyQ} z?Q}&zRsc`!TQyc?DiJ>tBTyESjtEM68TYwd@zm1fSk#Q9M2Em(k$Y2Mv|TZU^OTu! zn~UO$<(9^yq*#@vNV##+@Nv@QAtTMbW<%qjZQ8^|P~)H5%hjLAWr}sjBQXT5I0Oa3 z2o_lJEew-We1818lO0AP=+@|Wlo>gknFyx^L%p(D?>4e*-C-{;T54JQS+0_^&RN6^ zst0A+l||(W({uWAGB~WWd}%fFA_At>glk*pH>HUKv;D%W{a-gV@8<=YT*L~3H}$K= z-srFOC_aTC6~TBX+u2==6a?0K1d2OyT@Hda1nVZP9Krrt;F2tAbZU^`$;Z^0CN-7_ zbQY0}x$fm?YL(Y1a)!zL9KYYl6(FETtv8yu7n>Oi9ZO>#rJb0lS>4*`H`390SFm22 ps^-yif0<-?SB3|OPR|R~eRX|Jn&l?p%bKL2q=LxS+fqQIe*!!?5EB3Z literal 0 HcmV?d00001 diff --git a/adilson-fernando/src/assets/images/carrinhoCompra.png b/adilson-fernando/src/assets/images/carrinhoCompra.png new file mode 100644 index 0000000000000000000000000000000000000000..bf43385c994da08d3a5ad74831a187f3c89589a9 GIT binary patch literal 721 zcmV;?0xtcDP)K~#7F?V5{m z!Y~Ym6^;Su1WhL>oq%)#*Z?-j2y_FwLFoi^1KbG;6F?_`4O|KAo=J%-J3g>;e0K&D z`-J~fBr6YqHY25+V%y1jXlx1zlF{lJ^Y+*tvMk#}LUgbR#=IW3M@Wn=dgB?LSJaHt z>8Qv0*gl~xpy-(qdkbh2C}?OV7D$ZDHi&{K)=W_!a7-?-Lu-8P+GbF8M1foE=IYQ0 z5~9PHBOp;Y;!@3!t2TRXopENVOxc5U*kiu9<9Ln`kQRbIZsL#?q{W&(xG_iZwt+KSSuA# zJ>Vmbf;PrGV9h-jX%T(0d271h2Z<}RVQh1_E^`P)>UW~8P!U~uhIbDU;*(I$710Gm zh?h8pF!}{Vh;Kq6sED4Zeu1av0Imbwqg+EsP)si4p**)n=fb%nFqR^Eh2DFr9&8eG z#0y-%S~)z6gBv&M!8jaXTVmU&M*T5(5Ykp-@Q>dt8I2als$}G`0$NyXeaTB!Me_8u zj@m^9w6%mwAl>%7@*i6R2U|m%t)^Rn#w89$4aZF;w!u*1@_=*uz{ff_l(>+%6b06~ zp~Sh|c33qW_nqs9Jf`j)GYJ#{ZCz$Nz&{!@7BgeoDjBve`}VF9xM?EHuvOOBBCnPl z8;ve`Y8I8_7hSkgCZo$Cii>xjSBMQ;g*xPIt9ASU91Ly0=-!l^00000NkvXXu0mjf Do=Gy8 literal 0 HcmV?d00001 diff --git a/adilson-fernando/src/assets/images/lupaBuscar.png b/adilson-fernando/src/assets/images/lupaBuscar.png new file mode 100644 index 0000000000000000000000000000000000000000..154c72e9d15e2675cbf7976fce5a3b02bad685f8 GIT binary patch literal 912 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 J1hFyszX4nV+|vL6 literal 0 HcmV?d00001 diff --git a/adilson-fernando/src/components/Footer.tsx b/adilson-fernando/src/components/Footer.tsx deleted file mode 100644 index 0c9e22c..0000000 --- a/adilson-fernando/src/components/Footer.tsx +++ /dev/null @@ -1,11 +0,0 @@ -import React from "react"; - -import "../styles/Global.scss"; -import "../styles/Variaveis.scss"; -import "../styles/Footer.scss"; - -const Footer = () => { - return

Footer

; -}; - -export default Footer; diff --git a/adilson-fernando/src/components/Footer/Footer.tsx b/adilson-fernando/src/components/Footer/Footer.tsx new file mode 100644 index 0000000..9a32a6f --- /dev/null +++ b/adilson-fernando/src/components/Footer/Footer.tsx @@ -0,0 +1,17 @@ +import React from "react"; + +import "../../styles/Global.scss"; +import "../../styles/Variaveis.scss"; + +import "../../styles/Footer.module.scss"; + +const Footer = () => { + return ( +
+ +
+ ); + +}; + +export default Footer; diff --git a/adilson-fernando/src/components/Header.tsx b/adilson-fernando/src/components/Header.tsx deleted file mode 100644 index f166ce7..0000000 --- a/adilson-fernando/src/components/Header.tsx +++ /dev/null @@ -1,11 +0,0 @@ -import React from "react"; - -import "../styles/Global.scss"; -import "../styles/Variaveis.scss"; -import "../styles/Header.scss"; - -const Header = () => { - return

Header

; -}; - -export default Header; diff --git a/adilson-fernando/src/components/Header/Header.tsx b/adilson-fernando/src/components/Header/Header.tsx new file mode 100644 index 0000000..50ef3f9 --- /dev/null +++ b/adilson-fernando/src/components/Header/Header.tsx @@ -0,0 +1,69 @@ +import React from "react"; + +import "../../styles/Global.scss"; +import "../../styles/Variaveis.scss"; + +import styles from "../../styles/Header.module.scss"; + +import logoM3Academy from "../../assets/logos/Logo-M3Academy.jpg"; +import lupaBuscar from "../../assets/images/lupaBuscar.png"; +import iconeMenu from "../../assets/images/MenuHamburguer.jpg" +import carrinhoCompra from "../../assets/images/carrinhoCompra.png" + +const Header = () => { + return ( +
+ +
+ +
+ +
+ + + +
+ + +
+ +
+

ENTRAR

+ + carrinhoCompra + +
+ +
+ +
+
    +
  • CURSOS
    • +
  • SAIBA MAIS
    • +
  • INSTITUCIONAIS
    • +
+ +
+ +
+ + + + +
+ +
+ ); +}; + +export default Header; diff --git a/adilson-fernando/src/components/Main.tsx b/adilson-fernando/src/components/Main.tsx deleted file mode 100644 index 3266c39..0000000 --- a/adilson-fernando/src/components/Main.tsx +++ /dev/null @@ -1,11 +0,0 @@ -import React from "react"; - -import "../styles/Global.scss"; -import "../styles/Variaveis.scss"; -import "../styles/Main.scss"; - -const Main = () => { - return

Main

; -}; - -export default Main; diff --git a/adilson-fernando/src/components/Main/Main.tsx b/adilson-fernando/src/components/Main/Main.tsx new file mode 100644 index 0000000..eec61f1 --- /dev/null +++ b/adilson-fernando/src/components/Main/Main.tsx @@ -0,0 +1,16 @@ +import React from "react"; + +import "../../styles/Global.scss"; +import "../../styles/Variaveis.scss"; + +import "../../styles/Main.module.scss"; + +const Main = () => { + return ( +
+ +
+ ); +}; + +export default Main; diff --git a/adilson-fernando/src/pages/Home.tsx b/adilson-fernando/src/pages/Home.tsx index 94917f6..7f9ada8 100644 --- a/adilson-fernando/src/pages/Home.tsx +++ b/adilson-fernando/src/pages/Home.tsx @@ -1,8 +1,8 @@ import React from "react"; -import Header from "../components/Header"; -import Footer from "../components/Footer"; -import Main from "../components/Main"; +import Header from "../components/Header/Header"; +import Footer from "../components/Footer/Footer"; +import Main from "../components/Main/Main"; const Home = () => { return ( diff --git a/adilson-fernando/src/react-app-env.d.ts b/adilson-fernando/src/react-app-env.d.ts new file mode 100644 index 0000000..3ec25d6 --- /dev/null +++ b/adilson-fernando/src/react-app-env.d.ts @@ -0,0 +1,3 @@ +/// + +// NÃO APAGAR ESSE ARQUIVO, SE NÃO O CSS MODULE PARTA DE FUNCIONAR. diff --git a/adilson-fernando/src/styles/Footer.scss b/adilson-fernando/src/styles/Footer.module.scss similarity index 100% rename from adilson-fernando/src/styles/Footer.scss rename to adilson-fernando/src/styles/Footer.module.scss diff --git a/adilson-fernando/src/styles/Global.scss b/adilson-fernando/src/styles/Global.scss index f43b990..560c923 100644 --- a/adilson-fernando/src/styles/Global.scss +++ b/adilson-fernando/src/styles/Global.scss @@ -1,4 +1,6 @@ -body{ - margin: 0; - border: 0; +*{ + box-sizing: border-box; + margin: 0%; + padding: 0px 0px 0px; + border: 0px; } \ No newline at end of file diff --git a/adilson-fernando/src/styles/Header.module.scss b/adilson-fernando/src/styles/Header.module.scss new file mode 100644 index 0000000..34b1e92 --- /dev/null +++ b/adilson-fernando/src/styles/Header.module.scss @@ -0,0 +1,221 @@ +.header { + background-color: black; + .header-top{ + display:flex ; + align-items: center; + margin-bottom: 22px; + @media (max-width: 1024px){ + margin-bottom: 25px; + margin-left: 1.563%; + } + @media (max-width: 668px){ + margin-bottom: 25px; + margin-left: 4.265%; + } + .top-inputMenu{ + display: none; + @media (max-width: 1024px){ + display: block; + width: 28px; + height: 22.5px; + margin-top: 25px; + } + @media (max-width: 668px){ + display: block; + margin-top: 25px; + } + .inputMenu-button{ + background-color: black; + .inputMenu-Img{ + width: 100%; + } + } + } + .top-logo{ + display: flex; + align-items: center; + justify-content: center; + margin-top: 23px; + margin-left: 7.813%; + @media (min-width: 2500px){ + margin-left: 4%; + margin-top: 25px; + } + @media (max-width: 1024px){ + width: 91.406%; + margin-top: 25px; + margin-left: 0%; + } + @media (max-width: 668px){ + width: 76.8%; + margin-top: 25px; + margin-left: 0%; + } + .logo-Academy{ + width: 136px; + @media (min-width: 2500px){ + width: 265.62px; + } + } + } + .top-buscar{ + display: flex; + align-items: center; + width: 20.625%; + height: 32px; + border: 2px white; + margin-left: 21.25%; + margin-top: 22px; + @media (min-width: 2500px){ + margin-left: 25.0556% ; + height: 57px; + } + @media (max-width: 1024px){ + display: none; + } + .buscar-input{ + font-family: 'Roboto',sans-serif; + font-style: normal; + font-weight: 400; + font-size: 14px; + line-height: 16px; + color: #C4C4C4; + height: 32px; + width: 100%; + border-radius: 5px 0px 0px 5px; + @media (min-width: 2500px){ + height: 57px; + font-size: 28px; + line-height: 33px; + } + } + .buscar-button{ + height: 32px; + border-radius: 0px 5px 5px 0px; + @media (min-width: 2500px){ + height: 57px; + } + .buscar-lupa{ + border-radius: 0px 5px 5px 0px; + height: 32px; + padding: 7px; + background-color: white; + @media (min-width: 2500px){ + height: 57px; + padding: 11px; + } + } + } + } + .top-entrarCarrinho{ + width: 10.625%; + display: flex; + align-items: center; + margin-top: 24px; + margin-left: 21.25%; + @media (min-width: 2500px){ + margin-left: 27.0956%; + } + @media (max-width: 1024px){ + width: 28px; + height: 28px; + margin-top: 25px; + margin-left: 0%; + } + @media (max-width: 668px){ + width: 28px; + height: 28px; + margin-top: 25px; + margin-left: 0%; + } + .entrarCarrinho-texto{ + font-family: 'Roboto',sans-serif; + font-style: normal; + font-weight: 400; + font-size: 14px; + line-height: 16px; + color: white; + margin-right: 40.45% ; + @media (min-width: 2500px){ + font-size: 28px; + line-height: 33px; + margin-right: 20.71%; + } + @media (max-width: 1024px){ + display: none; + } + } + .entrarCarrinho-img{ + width: 28px; + @media (min-width: 2500px){ + width: 54.68px; + } + } + } + + } + .header-navBar{ + font-family: 'Roboto', sans-serif; + font-style: normal; + font-weight: 500; + font-size: 14px; + line-height: 16px; + color: #FFFFFF; + border-top: 1px solid white; + @media (max-width: 1024px){ + display: none; + } + + .navBar-Ul{ + display: flex; + list-style: none; + margin-left: 7.813%; + padding-bottom: 14px; + margin-top: 14px; + @media (min-width: 2500px){ + margin-left: 4%; + } + .navBar-Li{ + margin-right: 4.297%; + @media (min-width: 2500px){ + font-size: 28px; + line-height: 33px; + } + } + } + } + .top-buscarMobile{ + display: none; + @media (max-width: 1024px){ + display: flex; + align-items: center; + width: 96.875%; + height: 36px; + margin-left: 1.563%; + padding-bottom: 25px; + } + @media (max-width: 668px){ + display: flex; + align-items: center; + width: 91.42%; + height: 36px; + margin-left: 4.265%; + padding-bottom: 25px; + } + .buscarMobile-input{ + height: 36px; + width: 100%; + border-radius: 5px 0px 0px 5px; + } + .buscarMobile-button{ + height: 36px; + border-radius: 0px 5px 5px 0px; + .buscarMobile-lupa{ + border-radius: 0px 5px 5px 0px; + height: 36px; + padding: 9px; + background-color: white; + } + } + } + } diff --git a/adilson-fernando/src/styles/Header.scss b/adilson-fernando/src/styles/Main.module.scss similarity index 100% rename from adilson-fernando/src/styles/Header.scss rename to adilson-fernando/src/styles/Main.module.scss diff --git a/adilson-fernando/src/styles/Main.scss b/adilson-fernando/src/styles/Main.scss deleted file mode 100644 index e69de29..0000000 diff --git a/adilson-fernando/src/styles/Variaveis.scss b/adilson-fernando/src/styles/Variaveis.scss index e69de29..05c1b48 100644 --- a/adilson-fernando/src/styles/Variaveis.scss +++ b/adilson-fernando/src/styles/Variaveis.scss @@ -0,0 +1,8 @@ +@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@700&family=Roboto:wght@100;200;300;400;500;600;700;800;900&display=swap'); + +:root{ + $color-white: #fff; + + + $color-black: black; +} \ No newline at end of file