#y0R_*t&rMjx^pcjU$oO<+^kKt6)M=0ETRcRu(k*Ai2
zf)DDA!S;)%HDQ>U`C}h{f%?BVz^XXErdKYgiIYFWi!bzA?VEn+YVkGGt|Y~l>Yk%D
zF6Rz9>q|}MZkE?Kcba1Zdwy*U-j4KMsLjn+t^IOFYJV(*J!o82@A;)x=>8_YFh_K6
z+M#t0)$*gs5Jo7kXD~agGTvaw&Eoc+w_ZLoN)tQlP1S;qj2!(QX!Q(>p%4nLOm(}3Re?)wBxpb}z-NV-x{Rxcj23E=+3tOM)qc!*!nrSB#=5QN^7||!H
zD_a6dYJee6ur~HEt9O$=Ip1iLZcP_1btECEV_|g%iKz)
zUe{J$9$v#ZT51EXb73LsnN6A9=JS0Cs&~FhS<231ef5)$K_67ST?AXxBzx3E7}{dh
z+vz+CtuQ5mqQ8+1oYIB_O_Fl>SGy&rEjUag@&v_!Ll1nEIg80q^$=5(4(C>ZJE13`
zSi`Q8KvZDT0Q4jGSNqrMrx5uQ$&{t}2nixnC}$lkKqq~%Nw%JPpP8wss2=V)xhOKZ
zBgVReArCI%Z`XuU40vbUU9}Wt&crC#BvK5hv28UM240l3
zgyva65A=^qV*ZNP)UCQqK-lMEQr8|L0Bmk4SQ?vmO?hd|DoMhgydlOK!Pu6-R?N*<
z841JIv_z5*bsKdMl1l&R0ssMkOPZ!VolzNLa_K1Wzn8K!T24bXW25KhV=(O>l(Ez@Q(WS{A!z{?63K{_z1Qg4ykxnbOS
zU#i_OPR3Kkf)0{AL*?&*3%c)`708Z4v~5z
zYok=ll}iabfnoU49{IsQtKGQsGSkkSOjTh+vYzugDx
z0WQehTnj-BTq75?>a&*_bJjP>;l=*Ft9;Xp!iGJmP8I^j2DK~>hRY)&_4h#oF
zmHrj94Yz@0%s~5DpgS0GQ2dUqpTEmz$kMTG6z%9%f;D__u=w^cDQUt}q=Ym^oyijbmoXc
z5hoegDaOz6$F7AVn5Ot0`&llNsTj9XM!(kswmOP;58N_E`!WX&2e3$
zKq=!cmK
zile9P(hcE&hhJ&e=U-~aozk6jjWwBc6*{-m*SQoG;&tGlU7v0=3$r)>94K`Mqvh=E
zC^M)>SK3}i(mdzRO#JkrLi^G~d-PA|O=?Y_Aq*8;38<$nOtUprymxMN+N_Y?J#zgFaL%Me7nuZag4-t8#4|9+x;njqcF^n_McqqII$UnH*(f
zLFzCl9iS}R4Es9&(q6Fh9!0AH1gQH50KJX??=tiKrQC{kM)F#Sq-FPYoaT_GSzzhC
z&E=lG<)HIVfAAj!PF@3;OuK5lLh2}}K#McMTd~$P?87G6&>p345gt?4lHBD9?2Log
zL}IW!P+`P!PEpLzWy_`eQlP6)ag{sWa!Bu0(mhJ`rL~~5E`Q2HL1wzFUdQcyn@z_C
zGdJyv{zgHjYizi@fAQrlD0LdD*}ogkhySo)rqHt;x>B6xw!W5@!yihkpSPzNd>?t*
zo32M_CHDf6XmaiXc{$Kck8irK5fpZo`bxd1a}&-E|B6VO7!?gi>#xrA>=i^UWi_2}
z`{^(n`gtuVs>47SD6V>kBW;OTupPRz6v7&e`J){w5WXX_x;mY0fXE-9r)@sG{MJs<
z@Z=q_vuJ8`jfWX;4nGgwdt!xttSL2i=t1#qKDz&5zQ$^+UxQ!c`~6b;TOmb2pnRBg
zHPw58KAl+@e7?wrTb`8&AcTF2__bvKn!)fW#b|iYi5%FU<=Oc=frE!{8jj^({+k#D
z3sT*iVgk5_(8fzUv~Fd8S^o3@h*$v$(6OpFiJ`=EfHm}$IHxse(Qn-4?6@W9TU!Bo
zD;(avh}~$OMr_`;2IEwxT?$==FVV*U7UD%U3Wbhtwrw~o9@N{WB&grhk0NaB$sh>H
zKiEr;f$(ITtK1M%(uYYVgC0P
zPpK22898L5aiBBJYcSmBO`+G~y{cSyFADf3@H|Zz?g$zZO3tQV42g$S1!gaM{f1Z8x*O0|LTS(`O8I+4)@u;J>qD&-_RXVqhCZ%IFT}
z)lrr?E@(0EcZO^6%lXqTg+pIQT754X&j9XLn+TWF0FkL0HUP|Yg_w3|fFR&ZX0c(Y
zrWpV>pTjmYCN!^3o(l$rp{Sl6qxg}n*vzjnq1Q;Ak(MAq7Jdnp^bj;RiZcJv&An)CoC0uOP-zI3tp8Y06Wb?I9&1~iR|Rx2k7L$+0u
z0Nn>{`!GQh;T%+N{3zlV_P-ylDjV-nu6r(swmvRb4EVh~K!P+lBX})YnA@8vYE@K3
zJ9M>aXhG97!hO=nQ6bTUF5ibOfJF_IB&n#q2fYBZJe^Z;t--c8m>0X|ceF;Mlq+3@
zZY%)BYVsdudMzb7jS-(mFfwYa`cI|42TAQ0KyVZsFF=)0vhRp=?Y%DvSxFxo*oVBk
z^(~FA<2Iby4PyM;JHh&=6%3+R`8JCUsk-E
zF%S@NS?T9%TCbnll0qhleN2Zp*}Cpb=R)uA+o*1kRPq-+M|id|gk8|+KfaB66OyWu
zTfb~cInH+QLe_Mf{7rRQSDE2qon@YiN!Y!*YSo~y2r2{1jV#Vi@%WSo$W|9|_YHWRPe%9df@eXRl)
zq(A`Pqkya|v05o9UT)!i)imnS=U0nuzk|_zS)h7u*uakV(+YsqfK-;!1;wN4Mk=dp
z@NdBy%$%Oc;y76#jKHK~QJbssa}=b{ER#HBnF4{
zTP#wI{1JbU*2}*cCiZzLmQ<_&Ksi0RyV8&0*|nfBHQHgbge|%|vWm`ACvkZIzfihn
z?Fpz*YdFQ$25`-%cJHPEr)vkoXyu#*VpJqM_!~OMgZeUXsEX+K57qh4VO0ZD$zF6C
zBrUyu$lbIEvyaWB$$=n6udPpmD}#QI4zX$Pj4q(b1M(u28cp&%q_teTnM_jv%HdRg
z=9iSYEk3`*69XvD4&?IXqxD39IW$9UKoXW+5Vq(Zej=8%)_N2qgKS6`Gxdgx?xp3R
zb7_F22PTx(>8#-8(sutnn{MZVM{Z1N15Fty2UGdFol{tW8qN?LiHl{N?#Q?Cn4V9R_y^dNNNhfU8m0LfelyCxl
zqf@wBY&;c{I&-%^!QIC1gF6xZtSdVzCex+$R9}8^%)>L~q?+T6~>{x}X{4swJM1`{i&@6{+Jx!T<
zweDr8xJ&~k)o#nw`aphXoJ3?VW1p2D%|0f*pA~QA0AXj5X0)tLMAw0Xvf!rC;7=M+1=4m9
zEyqz6Vx53lp`w_()tB7+?0g58|L#kGLa_|`RWiqDJ9br?z;a2$d4X?j?XTv^ZR5Mc5x
zsRE4H`sZIW{MS`hegG({EbBETn$g_
z9(51HE3~u`cTzo8jghbFO@Fe~Rr#1lw&lylLX+Z)v8$
zs~25avp4@`GiKqL_s^(<^m^vd+m+|e#0}uk{rY{KqjEP0URPS0%{BL*yZ1I~El?f=
zk`P=m3lj!^OG0!9{W2|Rs+_5L%ZyjqCjpFk7t;LP$ac>PN@ZkOB)@H|FRTC^)w=+b
z<-O7zn~4PCKI)cVHK|_zIJ=fL)T1V|(jTP5IFtT*Jw&8rsL1
zF)i}n59~c-;mKZ-yWG-WFge~(2l(1n9r>dpobcM7+!G`x{j%_%s?0&019ti35QfaQ
zHKgy#1^&M>_y6ro{{LmwYw<@cBcl$(NC&pG@^>ZxYqE*MLd)yQjeTO{Ye#3cy4-RFkPlTwkwD#>KOlg^TyVfXW-=Gh1zn19_o3
z^Nb!qS2-bBvs?EC+JFwS1{kMxk3i+oXsm;!Hpk+&_hE38!EUzD%ZGK-3+JC$sKC_K
zd$i%+w5u{%c)~62k!Y1CV|EZoFUdRBKGPzYg!ROf(#jGst~=m!a=Z^$sgAjIjPX)?
zytErEhK|6g5A%uN5!O==Rw=Qqd$u!J?IEW5eO#<@lkH&H*xc$*VXFH$z>NjI;$^aR
z&-5V01$lT%3cdE-1d3CRAB&yQO8Rjl;Tx1oO$BQzw;KrOsIe5S#Lb6>2i?1tZhy$8
zb0vEm*Q8c0Zodl-tF}BWN8h_0u}P0`g
zN$h6ximqn`0h?{(C%kFfR3sVX5U-8^>!xmG;_fcWc^OY&w1gw+!;PCTiqENB>`mR1
zSk=y$o9zHOU%(45SI(KZ{gKVrwM7NJvNWH>ihf;g;@rwt-d@&YIeYH6s#-1bIrz-p
z;z(v{02+O+oxWMJC7)lmL3?{j$IiCd#VGKg{76;rc7fNjv^Y4G9a_c~q^(1juyMnW
zan62Yb4agOL!UzAgEvKS{A?~Su4oTj^x=Z*^QSi2cvAXEH;@Q`557vbQTa=#@lzOZ
zU!n`9BYMUciNew6c*Q5{al773X%m=w(luYVZM3y9+6T$fD9yjL-einb2sP|@R#!yF
zE)g^}{ru5*<-cZZtX?pZ0!1+6u_#Bj%lU=oCRB;fHI)zxsCzP*N+`YiF*itF_V=Ft
zdYg#gHCz7oGwMsK$kEVLGK5i-!7Yy(YF1y>YFv8P$JQ@Jj~pMci4W;3qK(linn{Iu
z{)!eUE%3B3}eB|8xf3rY#tzzKY%K!>#9E*X~wT#!^_K^PvyZYJHo~j%GSK;v7gyH)bK)|PeA_TddCr2kA;&`
zR)(ey6);&r$M`$u&{MCC)`r1JxjCy&O$VLeRz+NZpJOvjUWMZnd1NCkCH=vKG%Skt
zSV60Dv=VK0YK_sDn2~6%Ot!%l)GXY)07;5gWyRnG)m0HY5KzRVCvnM=ot#vZe
zf9(@jK1MZ5tG+b2EO50x{PQXF!0W_`xXCLE?@4*6i=z+U$9<^iEE65r5WPm*SuLK>
zTF01GTjpH4OxokzwV)yMC%|X#NeRB|zq=k7wR%m)CEsX0n-AC9_>MJy|saMH+GYz3!M{m+U&|8L2E?tRVw4|mk*XwhI>5*XWiXy
zY`S@m`wR4pgSngU>GbgCaRG2q3o8#-C^zQd&fu5L53s0l5L^WK>HJ4KtMx#wU8{B$
z5m~ni$oi$iYhP=s_knK}nZM059BaFML2rZ?WD^0Sq1#(WE0&sJ1J3g&y-ujohcYM9
zM(gnUt#QLM=6l{8XZ2~XfM!MZ7SJK|L#M^Io`dAW{8WOX#l6S9b33$R%Jm_sJyF+w
zd%dQvR^tcU%tfi!`xcqq>R-{F`;(KbEoNucsfdmZc%lzRh8_TPeqNIx(xL`M<54{Y
zY&H2Cut3gzcb5GK^ESEL)(m=eJ5r7
z9r<+!xT!EkrmtpN5uBo0TRCyCkSEj6MwZhn)#O`e!U@_qwOyRL@Dr2b*qQ;l^a&71
zYH;gY0F#*Yb9Mq3=SMO5-?Z3-Az~T4_V!sF-^V9e!G8|E*G#Q5aUK4mVfJC6WzxoS
z5&oD=PY)et^t0YC_TIFq>E_j5w7q_}R!eb@JT^Ple?a#BDuFQ^T-1ymcznCDI!2yI
z;RZR6I=ASPwlRO14aa|i7Ch!|k9|P#;?De+ZQbUzsQyEFsdU}Q3-@f_yJeJWQj|>rvC-5
z?SUq2Gwf!Y8a}2R|aiCDidC6R+5YLmaqbaoq`B9)6IGHmaq+T}7;9rJ#7w(e0x*
z7FW)ylpjP3Bj{W^cLb#
zUeswTJ&nNK7}$1SG<}xm*t>5gcyb-0k%}X$ny3es!@}hU51sDZQ#oNU!V8^E%A2x!
ziqR$OOQ-Z|o_7$<(nGMK+Zy&%#+;I3Fh@(g3;3A9+bjLl&GK(`%a2sP!Uj#-a40!q
zqkrH1F_9k}47G&szk?96UK8pV%Gb>oS7xv$5!Fji)mOA4EeJ_X+*;AKvsCvecB&?a
z6!2&*^YqU=H#C(|S|Bbq29W;BYrZ0Z4GQ7D0YtCt7m%QJr)1`beo^Dv2M^?p3(tX%
zCv2-T_PK6E{doxLhG&Ntz9`mA4zgM}NhT
zWzRXPaE8#*ik_F$ba8z_lx}qMPl&xVts^Y-qu@+bvjMw_@n-eIeSei-mpo?tf=DO?
z%%WiFhI`}Em0c)%0~dijLCWcAUs@>f_cu^_enqfS+asSAKauKx;EV|$xbYN0H{MESywShxLoi12&Mf20OjbNSdSFWo?%GnlcS1qKV
zMMKIVA#p`7gG6=rdV42koD+(zDi*6>2P|L3&z;7bL7&n{Z%K=IA&LQC_3lR9m?CQR
zV%T*x-rL6C*AZ9EA1BrF+B|@l)Wcd>=Hq=3r$U*9x0fEW<;>1!Vszcb5P}zr7Q-Hu
zco+2f>PGI`J;p2B(J8B`^?Rf1!KVHNMPLH61m4
zO^0ChG1)0lD~+fmJVJ2;HFsUaf+Gg`ahp%Pi=zFy%XSc)P{jz}@ne+JBK%>K5%@xL
zT_xIPS2>S-0j(Kg0nb%W#pcNjMDIX`kDru^Xsrq1XOSwrm#;nw3DH<@NX}LdzK2Za
zp3Ysm2!4V?`@R%8*$V1K351b6G@Bfe#Rs3X5)Q4DYa$Ovf#=Avf?sZQ2~##hx^Pdk
zZM_KS3{3O&?a0a+G{b*ik0E>b#JLDOw_+o8{cD9>VU`E9N_gsqNHSo;przSx;wOX(
zIj2d%b@@%~c-u8CtK_B(3|A}g(Yt^fL9k?fC^&ljTZL$8Jc;$t(AYvKRGch^pu6tt
z>~32T@VWQDYU$Zqr3Q-GW9v*i>$?S6#`Y;Cnh}YWr(};ne_Q-+X<$!B!Ss#|DmlqD
ze{SWhu%2CoR1D_4fl@L7N1Kt^yT|N;!9NB#x}X)T=lv&-CIFys*}Qfmp{&98l#
zzVaB2Yzf8NhVqw=*)6jt&RLI2o^M+|jkkaX=;a&_S$d}_z~5LRYR%EB#1}A
literal 0
HcmV?d00001
From 214eaf8e3df6327096d6bfb4913ca7293fa8334c Mon Sep 17 00:00:00 2001
From: erickcharlesneves
Date: Wed, 20 Jan 2021 10:26:57 -0300
Subject: [PATCH 04/40] =?UTF-8?q?Estiliza=C3=A7=C3=A3o=20do=20LayoutHeader?=
=?UTF-8?q?=20corrigida?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit
---
src/components/LayoutHeader.js | 160 +++++++++++++++------------------
1 file changed, 73 insertions(+), 87 deletions(-)
diff --git a/src/components/LayoutHeader.js b/src/components/LayoutHeader.js
index 3cddd8f..0a5b2c5 100644
--- a/src/components/LayoutHeader.js
+++ b/src/components/LayoutHeader.js
@@ -5,108 +5,94 @@ import LogoImg from "../imgs/elo4-logo-cortada.png"
const BoxHeader = styled.div`
- display: flex;
- flex-direction: column;
- justify-content: space-between;
- align-items: center;
-
-
- nav {
- width: 100%;
- background-color: #F2970B;
- height: 80px;
- display: flex;
- justify-content: space-between;
- padding: 15px;
- align-items: center;
- z-index: 1;
- /* position: fixed; */
- box-shadow: 0px 5px 10px -3px;
- }
- a {
- display: flex;
- justify-content: center;
- width: 150px;
- cursor: pointer;
- }
- .logo-box {
- display: flex;
- justify-content: center;
- width: 150px;
- }
- img {
- display: flex;
- justify-content: center;
- align-items: center;
- }
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+ height: 15vh;
+ `
+const NavBar = styled.nav`
- ul {
- list-style: none;
- display: flex;
- font-family: "Roboto", sans-serif;
- }
- li {
- margin: 5px 50px;
-
- }
- button {
- padding: 5px;
- height: 40px;
- width: 150px;
- background: #F2F2F2;
- border-radius: 20px;
- border-width: 2px;
-
- cursor: pointer;
- }
- /* .quemSomos-link {
- display: flex;
- justify-content: center;
- padding: 5px;
- height: 40px;
- width: 150px;
- text-decoration: 1px solid;
- } */
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+ height: 15vh;
+ width: 100vw;
+ background-color: #F2970B;
`
+const Hiperlinks = styled.a`
+
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ cursor: pointer;
+`
+const ImgLogoHeader = styled.img`
+
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ height: 15vh;
+`
+const UlistasBtnHeader = styled.ul`
+
+ list-style: none;
+ display: flex;
+ align-items: center;
+ font-family: "Roboto", sans-serif;
+`
+const ListaBtnHeader = styled.li`
+
+ margin: 0vh 10vh;
+ font-size: 3.2vh;
+`
+const BotaoHeader = styled.button`
+
+ padding: 1vh;
+ height: 6vh;
+ width: 25vh;
+ border-radius: 20vh;
+ border-width: 0.2vh;
+ background: #F2F2F2;
+ cursor: pointer;
+ font-size: 2.5vh;
+`
export class LayoutHeader extends React.Component {
render() {
return (
-
-