From 6fae571b9580986c1ef4a0860b5fa5ee7ba52010 Mon Sep 17 00:00:00 2001 From: onursenture Date: Wed, 18 Dec 2019 15:32:40 +0300 Subject: [PATCH] Cosmetics --- src/assets/images/primevue-logo.png | Bin 6412 -> 6214 bytes src/assets/styles/app.scss | 73 +++++++++++++++++-------- src/views/Home.vue | 80 +++++++++++++++++++--------- 3 files changed, 106 insertions(+), 47 deletions(-) diff --git a/src/assets/images/primevue-logo.png b/src/assets/images/primevue-logo.png index 4b4bad71fa7e856e5a9324893541e29f79e8efbc..055c5df4ed779565f771aa068313cd5ee4b24c81 100644 GIT binary patch delta 5567 zcmai&S5OmNw}vHzCcUV10)*as4+(@4I;iyCJE02#A)q4CLg)x0&Wp$mv~ zlr9}YZ*utlIp^}9v#-|0yY}pN&t5a{ei9{n#4G&?(sBu$(>w_T(tH4nAUPQY4RJ|L zO$h}Bn1qA|3??HX4wIEoSCG{Z*N~BuP7?vJ{+~$Wzltshq|@F3#Hpg>^6_k@;LIfNm~ID5G2wl0hS&#W<;RZb9X=AKb42wq-k!dfkuPD?{W-w^t3?-~ zw|MW=k_9NJGA`N1!|faXMoMOEa62gUSVl$V8im@swyKe`v6*;0Z+C;5utN#t1!{t5 zNS}?78q?E|0s*ODG!#UGp!;uSOhMsPAFEwcgaml@2qznPTz@UhoV#S6lv3t-=622b zZfD_K8E41y)sOM*E)Naq8xO1`kW7A4>`I83NY7J}gk%IV=g>zkLh zFH&v<{N?`@@rxmH!MNS76Ux?+h)qM4KiWRj|H!^FJk?zT6@h6;Ptv8bNa_4}aH1F# z?{U!u_to4t2UCu_Ruvoe;qH?%p>it|>lWIgS%dm%3P3=+ivAb?)b>A|z)MH9*We^96jZN;y-!MaaL3(8p5*#51~nWJ2yY$;5P6ta}_>YrBFxrS2#i>B;OpaRyJ%ygc{uwew-N8HIlvu_ZKo8p1b)TA+ zhv_KfZPt`%v=oH@l^hybM-T+V_x=hR(vMDJp@6&_V>O^pX^>H4|R zbJb;6tU?t_pD%#NTAv>p#s$&i6p9x1UIp2Sc84?OGgq`4(}?v0G4UYP=d$t!btGu0 zQ8d{0`O#I;UR2OR;|&R9G*HKWp-(P zpK>Thu{L_pS+JmI47wy(0Nj8_h3q&$ie>Y)UTMD!*5FwpU#0*d?oJzkXw2c+McrT~ zq8!m@2OBcNM@#;!EI(w2TAS2dYIR;|r8}^jj(IPAMx(24MD)uZND`5Y~Y9J$2?6DS}`WFYkURYo5cnwQ{W3M|r?wV!eVIQda zbJ~cny`R$aqM_qQ!q!mg zc($=~h|Sub{l&WE^fWX);Vj}|yO{b~X3U`iWpx~C2|l44WOY06tdbvWy+V6UwJS2- zirl~WMey$EpVi?7h9&!$^^a+PAku8O5at{6YmS`Z3zk)=Cu#)ybQrjE_>gGEhBD6= z9)-gc*bMw=(65eDB@jyz%J;T^e{%z)s|m|3!2q?*94}uuGYy2)TxlRHM3b8SR8R04 z53-?<$p#6L<5Yc$@#+V;4;rRgET@303r3qHPh5}tHO(3okYap848-f+XyC}~Cx30R zyg-Bai2Cg(Wd=6)p)I!g0aZj^4FX968_d)zx)4rL% ziVm$_JJ0`|uCEB`Tb{A@wG-MYKDDZeKM`sfb|rTam3gmgy#yKc8u-VhzE|e6f^#P8 zS&mGiVR@BPfEyo@cx)#5ckd6{kQfvTJN&4-Y34&&K9iP@v`o~w^dZUq;sPh)(S$iF zs!H=g9fr>pN}7@UY?Q~+L+7=NDUT!t;DfN{R+wFGgwgACiloBCeaG3eab&Ck0o`0% z^2ai47}dL|_^oD(5QLL{i!15*%H1BO^TT4-835nQH;2Z*y7k=ECd^xGe7M#Q-RdS| zWj9<1;4QhwiPDH(623#^aeLa<4hB_1PSiCVI=!Zn+SvGlUCVOf}3vHq_2_k`lj z{BA1=eiF@v-G)e!in_mEn3}s$>3NlX^;chhYKFPdLjCZ{HT3(}kZM--cGJFS;Kzvg&uz_m736@rY@57?+ZS4u5G5k?w)3RonR zqK1c4auitfo^A0VMQZ<|JDJjy3eGS?6&oIQmo%8e6scSn_%v}>d~Ez=#&^x6Exg3I zs4A)RZk)P`&b-uz0~yfzf1{# zbgcDhbSf(>@~5JJps9YL7>%um*@)Q&o#+Pc#kH+eOzh_j5;so?E}0jtNmhNoy-rBb zc|%+Jz=#k?2=)%vuq9ZZMo%DSmwTpn=41N2LBzC*k*GQ|jFXXVytK}dS9~qRw$rJ2 zx#AhiB4w;`Uu#!2?UQ#Np2##W#sbsM^hoX=-cu4H=EYT{Q$YdBy#Auj=;!=W<7?gh zN>0hG{v@|q3DcDj815-!;S7x&BcyWWiS0%%mSCe7Y#Sua?(qVQ{`6PZ-9nXsD~!!2 z{A_oth#MoWI#7MUOO6oy+19Z~CH_t>=!x|zk32OW(iEi7Nf{v#@pt8YMDLNl55#tI zl_cl#fpDYY$PE;wz>QQ12Gt{&G#`Z1v~2N4mEFZ9ru2N+&ZVaVd(`RE!CK06rmJe8 zEo69JgO%vFLc{VPI*PyhVVU#q7KK2qqBt4Z!LtV9miSKlfE2306Ae%=tA*Xe{zO@| zo>eV@^OH+v+@trW>!3)670D__4nm*bnvSSmO)Xx&Gb>aY1v5fXB1}EEgh{`ew16Q% z6+`anBnMc0YqzYnv8Ll$(_xt-4ZPL;;)}3Oq92y>GO$%IoM=Z z7gSUS4M43(rD$Z7Z=R2)eRETMmpjW0^D|Z2!pE*jC#x^s&8Jq6G`&X)_Uy2F2_o#k zPPg5&Z0!?nKD_6g*T2YA>6CoRJd{jglP26l6vMwxmLxf8jB{=@T8libczpF~W>4^X zW2CbE=npiRuO90U%|dQC)ZXKoSmcD%uAx-TAG-6T|N8772!i>7H%aqkr&(x3 zB<;o%m}neg^mg!=5?yxKu{5c~gJR>eyMJ9#6#xDv5+aS@LU?`W>1PdDm_3&Vr;OP7KYb?i z0+m@)yup&uS$03|>ghGXYocLc-a>eU<*M&gao#|sW92C=a#byg`D zc0vtk%IoJorU@`eTj7RcRQs~0r*V*+?wI{|7Bo1uk@hCbm(c7u1PMZN-(W=n&Z_(%S$FNLwK;h}zn$>Xvhb!knYyG}L|$3)=7VxubFq6F%5U399Fn^;m<&JyU%(>> z;!XRNM->}zQM~DLvx9TMcuA7JKAsITU6E;-HbJM}I*OY5{8Ud~iDegpr}KqPY|rM$@Fx`!p1Y5xiaKtm9>5&=uUHBTKlM=8vDGeHNU(znfc;c?YvL^ zcJXkL?akXysp`5v2WT;v$-`IFL*<|TsAuP5;i1)fVS?;PRlfF;pX5^x&c12%4YUX~ zLP{976Y9IQ_3o*NSv(!iC@i9KztQ902Dk*D8wp_-3%$YM|fN^HGSo-=g5VjDE`UuEj+Rpv-(aDuHKyPYj>l%VnD_8L+ zWeP&DK8$boq8DYeN)l7#LX>Ko(5xn4tT!!}HPol4cQ1@WG-ugLAWZZ7 z^uZo+V5>%@;TUIGn&J5v;W)vo8A*ES_cGA=n-||^4&weP>fw3r)SUPt`{+Aa>lk88 zgi>j@^l2HRYbH-JNf!ayl~}53K)h@;UYQy0M_y`E9~97Ie}kVU1TE3oMHG`2sQg zoK1V3lHM_t_xeo+du(6WY}cS!VKsx(o7y@F^A@4%M6E%Cv4=|`p| z8%C|A#)KUq9|P?&lu~CU8c;hlsk372hIZZ|X4=KP2P~KzsF7iKFl~p%1|`awN^Aw*MR(Sso{v^|^RpKr@Idu`3KTLI@i=-sF1g{lm2mJ*V4bYKrxy zO>Mn4S%)^%XZs7*EyI(S3ot?7f|&A`u3C5zT|mrZcH7=wix4jhl-l`Fo(@YESbywF zM(F_mC#W#;sSVi9OdC%P`h0Pu8J2i93{dYEF-|;x$q=KBb;%i|lUgQc1j&XlCwOC_Q)^vRN;5Z22i+wq&cT867;C zKj=u6bk13b{+-E=sxc4oN_iIVrTuDI>ij?%3)~3j$hH-ppP82+qqANMg^e1fbZA_w zT(uBE#00p>hJZ{Y)mpJ26jYJ(mNdmR&?M}5P9)sWxQ+Xd_YnRsNFNMndjq z%Mm6$@v>xi*TTZvld2tKN(kZqaq{6c`0yniH~vR1?nT!(Ea@%ZdZLESqd&c6f-(2i segJ_0G!%Smh7^wdf6B+NZXVd*Q7Yw^)(v`ScjtB?Gz{PsYW6Yz13DO2C;$Ke delta 5790 zcmaKwbx_prx5sIgP6+{7V5MtmmRzJ32?0TAlopWg_yCJY3Cq$cNF!ZJOLvHL%7XBv zr9}GjoqO-xzkc`m=Q;D7_nGHCXXebDdG!g$id4H{CoW;LC%(aUO!USPmI3=ZyJ~5{ z5N|y^U%j=mK`6_y-@gbtI9S7;NIel2RS_12ii(Lsp(=1CDHRE2VdxV{RVft_xCAuu z5}O(PKO(XJC@RDeHvJzF^goH%!5*G^HnuQp7b`Dko420->%#i~T!{Rq+C(U>5)d=5 zp@)U_APAuhf9|`mXGY>nYmm}Dy&c|)*y?4{!i_Le`TiS4g;G1A&YCwOlP6&PxUTF* z$)ZL-@(qNvfDD&}RB{gmc75G_W2=^(?&2x_Q6!8%m+A$BIIfsyh@vJqglO5%b2cZj z(iWC|P-e1huxz%xb=RI)=DA!J0Jtodb&NHgFL~hW(lUlBf+@qgmA{1C-;od^Je*K< z^nVOvN!dQt@$CYnz?Z=UXZ>H1`n^UxxDCA3>rSctmzf-#I`-#dZQwd1gKgAr{tuLjt5hjkcj9@w8)L*tGrT4 z@VZ$ojeBo7TY*Z7y!X-*3ArGmu7OjAr(~1c<tmrsaj9Z#gH~ho1l3j z_Ys~oy88CQAJWYw7DX0*-rcKFS;apr$wL(_2iner(x6(J4K0)$cvi2D283sxrlQ-5 z+b94ohNB`g@Zt7{(#8hSi^=c-n!yGJ>s$yDPM{7f2Dz@_tJn1$#sGM2k0Tn51jJh}x`IiB5m$_+w5NL2; z?Gr%vH-NcEa^jc;yM3j)gChSTRh@6bkHgctUzYXb*Ncs>H|kVGH5Q5~e>=Ge&;_V{ zJe<7u5R35rAonQk;Mq}CIgg|UpNPiVlSx1;r!_X|U{5TOkHf(AqmLi|nLzd};s8f) zk>FyDl=-dmv7&xIt`$L%3l4e-?{4Mr>L#Oen}sv9p~1^v#5nt){)FXGT^*lT71^M8 zU5A2Rmx%rY!qZjkuxmSiF%TXO&gfUp zPW7PUvhl=Vd$qT16!=o+E-TX!Nfh|@MC#cYz8oDMPA6gKQ+15t+)`;0L;j)ZO)E0U zuMD}1d7Se6NZm12K`!rVqMFO@0lA-N?Js);5Btppw<*6jZxEZ{3Hjo`jy^!sHmCPW zFRRe{44=o`?iW&w)~$S?*rvT7a&0A;AhQ-EWR+S#S3odiAOCvAf3t(K(trkI>N(H5 zHDD`knhzUkG$P1sU`Eu8k$AOsh0<_D<8tw$sl`n78r~+<@`b z_yNuGyUmI;^Ph9uu0wCC6nn<;f3Uwl+mgKazEqW?U$7amH?hX)_&wzB?}Y;TOX1cm zM>xOkkjeOUg-HL9^l+m@n7_cf=8MXc8?vq20hYRwuR!QoeRzW1J0&B)iFrI~sjWP+ zOY~9g7-z$VB~!xSrddjFc6a2pJg3h%7J1qv8%rmPT}!jE;MY5{cItm({Oay%iX?*d znXYu-Z>3K!p;$&3zNKE_YJbw`xyBWTnJ{c6@lYzY<{NGskgaDlf=)EmPf?JPQ-+G- zsPh7^ljxVkTaaE4mLMfyV+CtN@^|cyo4p#3<>k(?i=MSh)~v(PR{e)UwN3=~g#!D5 zkSL_)a8a2*p=*eJeCR@@<~z=$$P2YHtt7_l<%*b2xl$_x2q;?|44C}Y>#(=t7O0=g zH0Dhted7=1E%WxlA@cVYm%94O>g5?T5?r)Pu9-D9B3R-QQhDeo>gDew9O{gD%q?ofaiAlHejretDU;BnKCY%i8vr zeKx+d=K9E7Iv;DxWL(YsRKdF)>GI9?dcxDYf6lbw{B<#Wv08TUWOle-42CGXq2vbk z$}|#Zmr`qkaprg@{JTc!!#!UjBEDpi;vp9Zd#>6%R9)tlxN`AY(D|Rht_YnvJKL z=lWeo9?MF1!9}?X8@Kw|CP51IrmixN+694_g3IwUoj`zS3yZY*IuP)UShxz|-4R4K z=7|rUP`od9COW>QMyO)br>jxoNd~_1!AB=Di|FASinpMa&#v@`IDLY7uQ1j^cSG+K zBcAFscvaa-Rb|$E@;p%iBu}Gu3Q1rs$?IC-YsVf(xY%d$22<{_*3UVth7A8v*K_w1 zd(nRE8K^cD^oL8 z?pHLds-R|@>5;A%Ih4JtdA8}>TYV=(MG|isdCh_;rA%*CNtwQr z;6~FoN@$fFN1^H zGnx<8%<&mowm4Q#IF%r?k5k@a4@#98-Yk&R?|_c@(qxH z8Gz2K0I)sIuwbI_a>gKCtf9AX2c&A8`&{{Nv>CbI4cVU;hz>c*v`DUMj*J`T{Cx&K zciaJS)K)ThJVXqt^hq({y30*AK0pfrpv#|bz8|99V7qid8Gt!L72C1lnUBoeT(wVj zN0?AwC}u_tyoD9q1nv7VI)NLc;nMeO1Q$N1l(+WElpqs&?4T7^FswsAU;DN`uLUQbO>c^gfZEU3EitlgDU6{DzHunb5AHUrDyLTu6yTCiZ7yv zB4i5q7d>|c-&GvSUkBzm*{(LW;Cr$Ve`8UMlMlE|`G$l~o?|y(r-kQQbi9YW2CnJn z+Hpm&caVukZUsd2)K_e~OzByuZyDA&Xov$E3Pu3AhUYi~2t+qOPM0)AnA;<_geqOI zqat&f@7V}W%A(FK8g3d1wI(|&A^W-?-p*3le3-f>~ijG?{ zE{FBC`Fl6!no$mUgfUuE!ovhGZ_(a^XO^G}D5MrXEX=)EPikik4IvM`)@U9Sjjq*e zyxpC;)@~w^9`pWeEVKDFw)BIbg5wtLC+QFQ$5K!1xRbVYQMkd&ge62BL$L?4nm@y6 zzp_t3b4q>saN_m-Y}y3a1@s&|v(#(pD?t#AD1JFGYv>Z0vh+sLaGeFvQ7&8|Fo&;g z;Y#vEiX+QJM012DOizuj00zL??_8epmwvUU?|Xbra_LXdN*nW7D@}31n*B|JaoYW~ z^L=CPla~LKg8V{=366wyh^T<%B zarRwWl^H4>lP)aQ_SPN%PV|ND?0=dtxE?o67~@h|yR%a(3G*g}?HWfx@}HukmAAVc zNeJ5rGtZ0K0!L(J$FEN~D$LFg=;oVLjm~FzC0~p zjzWKVx+nl%EWBA_jU8(behHlHe2^r!pEEN0=)IUMJ@;`6Z?S;#3KVq5UazFX5+QK4)6@i7m)r5aRSF;15|=M(;`jsFPK}mW#ohy>jy;M zQAA?icb3E1P~18M*AcJ!b5uXL3~gG)`!uQinJ1b(#|J`#ytZLi^xL+f0rmXT5Ynrs zL09TaE>erxZLi=*4}DRF-x}O@AY*(v+JOm4-_k9G-c52EWF))KM&p$gw{&@AuZq?v zIigQzECdjoVKhybJpIXM7q=Xjwk*W&zIz_@P`TLuF1z1>Y&8RZrJZ64d)GHOI(?uJ0XhC>SAnVyHk&o5Z*?0 zQiH1rz`~})-rHx78TV44(o`0-#jzaNcoHoh`yzE))z5_7(uvWUwCo_e z-w_1PQn})Yb|Sos46*94gdqQ-Vauf4k>_lmNC2UxnaR4wxNs(Ld`qFY10D46dM_MV zFX*XKyUB`;_(N>Xwq=^8|z?$|H^FhyHqVb7tJP0+KPe7nQff1Ih7 z02B5>;Tn3-ZtVC7xojl18pP|r4!*FUA!`tC-{xy) z=CsdV#GGH`A{Hjg8J1Y30Ys%>B;F5pJBQ{zEwPYJzf^5K@~z0H(C6bkkcUZE0A?*Z zv1SzT%kq(YnHWj>cPAVvIfRsGIQ8#EL8x>__$_;lj;Z=zXpbKnEyYkCt1!@Sj*tpi zrq&mvCB}-WEehsKzw>0L$Xd;&g>2v0PvmNaL*{dRiWu4gD@HEo@`)$sx@T1$OYlZ; zz#Jea4>#m_cKplDe?J@uP?n_xAn!LhiV>V;jXgA_Sp?3{!D(d?yCb9npO*`rg(V(*aa9S&MHWY}d z_Vi9&)vGR%tNdtD?vo95pJ;GXLaB<)@*g#Ndr1`mSzh$Ybz}lmjS30Y-;m+Mm6)=~ z5B?9Zt~i7E_;0UaB$a?!zFp8q!gRtj*i$W5YH?-<4Aj@TLfe7n=!qJn^Z`Oc`9j*M zZ`bR@)okBll-m;NG3wNN8rZfIg)0`5CrCjMW2^no^ond=ckEktE(wGxhF(2kU^=nj z6qCy-o$M!bCQf*%)ov(X-7l#}XvuZTT+$sgwUptIc%+W@&ITqQKA6&B(n2RiQqSgh zQXNhk)3b}KSpKL;_n)F5wC7ZsS12f&nc1LLsmT%>3>R&Rf^e`Qe0d_eH+jKX2GmBd z_13p?xMC&Ziu3f(^c`<&dki`XHeQbBvn^Qt6V7@FDNT)V7M-l41&Qk$S9iN|QI0wP zMzvutcK^O(g#!e=ui7N;DFT`&nF@J)oBlQaqbuYEII~mpEx!l8T82G*U&*o)Bxj0= z=F*z%7A}y*8^iPQI6a zbr1GyoRF@n8o!xMiKqyb+HGLu|CHc0pN%Ag+;R2}6F}(PkAu#lmg$bAWa1q{{($dm z*aY36>v7Ns6BRRkPN)3P8MK@bebz8Z9L>OJCo_PBX^PZ*D>j=X79)a8ZW8az9^imB zaj>zs0SdCvn`)IE4`fEqU0Bk$?)%XdB5dZqVF4YdRtMoikoJPS6n0IWk!An8s(kTu~Narcp!g;fG}~f7Vc3DH(l>>xcFgD1$g8vja?pBZI#%pZZE=skz+u z?ySp=i;bT@os|?ru)Feft69B_2VSof+7NvQBt0+{7HBcVnb!^n>D1? zC2C!$Np9?9g*pG)k#_7e$x&8ggs<*ro2BHPF8-L6g3rBmp*E>3Bd?9mF4*!6k}+uD z5l5PjL%i_=uj;4UZCmSJe?cO*3yQS8?5G>~Of6snyDeidGbI+0=&9)~ptz@J_UVi5 zLSA)nF^ws(q%I8&D7*w+0FOk2{-twqko7F?DDXYX+e7F@aQmp$T)$V;rh?zseT@)H zt5aQ|SCo(L3i&{29i6mgAf^sH0aL~*XFLWw!xA_An}6IRg#qOYQ5K?OusY|m4Nj<~ zHF|1zuif7Eo@gntr!9{@OtcnXHo^%-sVhsXKKZm1{*ZUs04G#Y8G(0?-y;9}_dt%a z9;7l6Q|v%u5k|~Z^ol+V964o*hr_l5VO&F}-jhw#gz$F(u<|`e`Im(#g3*xwKU9Bq c-GPOR<=W a { text-decoration: none; - color: #ffffff; + color: #484848; min-width: 120px; font-size: 16px; display: inline-block; @@ -144,7 +144,7 @@ body { @include transition(background-color .2s); &:hover { - background-color: #363c3f; + background-color: #eeeeee; } &:focus { @@ -277,29 +277,34 @@ body { position: fixed; left: 0; top: 70px; - height: 100%; + height: calc(100% - 70px); background-color: #ffffff; overflow: auto; - width: 300px; + width: 280px; @include shadow(0 0 2px rgba(0,0,0,0.25)); .layout-menu { - padding-bottom: 150px; > span { width: 100%; height: 50px; display: block; - padding: 15px 0px 0px 20px; + padding: 0px 0px 0px 20px; + margin-bottom: 12px; border-top: solid 1px #e3e9ea; - color: #484848; + background-color: #f4f4f4; + color: #767676; + font-weight: 700; user-select: none; transition: background-color .2s; + display: flex; + align-items: center; span { - font-size: 16px; - margin: -2px 0px 0px 30px; + font-size: 14px; + margin: 0px 0px 0px 8px; display: block; + text-transform: uppercase; } img { @@ -320,9 +325,10 @@ body { > div { background-color: #ffffff; padding: 0 15px 15px 15px; + display: flex; + flex-direction: column; a { - width: 50%; display: inline-block; padding: 6px; cursor: pointer; @@ -344,7 +350,8 @@ body { } &.router-link-active { - color: #007ad9; + color: #526F89; + font-weight: 700; } .menuitem-badge { @@ -382,7 +389,7 @@ body { } .layout-content { - margin-left: 300px; + margin-left: 280px; padding-top: 70px; .content-section { @@ -400,9 +407,10 @@ body { &.introduction { color: #ffffff; - @include background-gradient-left2right(#0061ad,#4ca1e4); + @include background-gradient-left2right(#455C71,#526F89); .feature-intro { + h1 { font-size: 28px; margin: 0 0 20px 0; @@ -457,7 +465,7 @@ body { } &.content-submenu { - background-color: #20272a; + background-color: #f4f4f4; padding: 15px 30px; @include clearfix(); @@ -473,7 +481,7 @@ body { padding: .25em; a { - color: #cac6c6; + color: #484848; display: block; width: 90%; border: 1px solid transparent; @@ -482,8 +490,9 @@ body { @include transition(border-color .1s); &:hover { - border: 1px solid #ffffff; - color: #ffffff; + border: 1px solid #adadad; + color: #363636; + background-color: #ececec } &:focus { @@ -725,14 +734,14 @@ body { .home-button { font-weight: bold; text-align: center; - color: #ffffff; - background-color: #007ad9; + color: #ffffff !important; + background-color: #455C71; padding: 10px 24px 9px 24px; border-radius: 3px; @include transition(background-color .2s); &:hover { - background-color: #116fbf; + background-color: #708EA5; color: #ffffff; } } @@ -760,6 +769,13 @@ body { margin-top: 0; margin-bottom: 2em; } + a { + color: #526F89; + + &:hover { + color: #638FB7; + } + } /* Introduction */ .introduction { @@ -795,6 +811,17 @@ body { text-align: center; padding: 0 30px 30px 30px; + .feature-card { + background-color: #ffffff; + @include shadow(0 0.8px 1.7px rgba(0, 0, 0, 0.008), 0 1.9px 4.2px rgba(0, 0, 0, 0.012),0 3.6px 7.9px rgba(0, 0, 0, 0.015),0 6.5px 14.1px rgba(0, 0, 0, 0.018),0 12.1px 26.3px rgba(0, 0, 0, 0.022),0 29px 63px rgba(0, 0, 0, 0.03)); + height: 100%; + border-radius: 4px; + + .feature-card-detail { + padding: 0 16px 16px 16px; + } + } + h3 { font-size:24px; color: #484848; @@ -803,7 +830,7 @@ body { } img { - width: 57px; + width: 100%; } .feature-name { diff --git a/src/views/Home.vue b/src/views/Home.vue index cb1495416..e52e4090a 100644 --- a/src/views/Home.vue +++ b/src/views/Home.vue @@ -16,44 +16,76 @@
- component - 50+ COMPONENTS -

The most complete set of native widgets featuring 50+ easy to use components for all your UI requirements.

+
+ component +
+ 50+ COMPONENTS +

The most complete set of native widgets featuring 50+ easy to use components for all your UI requirements.

+
+
- opensource - OPEN SOURCE -

Hosted at GitHub, all widgets are open source and free to use under MIT license. Feel the power of open source.

+
+ opensource +
+ OPEN SOURCE +

Hosted at GitHub, all widgets are open source and free to use under MIT license. Feel the power of open source.

+
+
- themes - THEMES -

Don’t get tied up in just one look&feel. Choose from a variety of options including material and flat design.

+
+ themes +
+ THEMES +

Don’t get tied up in just one look&feel. Choose from a variety of options including material and flat design.

+
+
- community - COMMUNITY -

Join PrimeVue community to become a part of an active, vibrant and growing open source foundation.

+
+ community +
+ COMMUNITY +

Join PrimeVue community to become a part of an active, vibrant and growing open source foundation.

+
+
- productive - PRODUCTIVITY -

Allocate your valuable time on business logic rather than dealing with the complex user interface requirements.

+
+ productive +
+ PRODUCTIVITY +

Allocate your valuable time on business logic rather than dealing with the complex user interface requirements.

+
+
- mobile - MOBILE -

Enhanced mobile user experience with touch optimized responsive design elements.

+
+ mobile +
+ MOBILE +

Enhanced mobile user experience with touch optimized responsive design elements.

+
+
- templates - TEMPLATES -

Professionally designed highly customizable Vue application templates to get started in no time.

+
+ templates +
+ TEMPLATES +

Professionally designed highly customizable Vue application templates to get started in no time.

+
+
- templates - ACCESSIBILITY -

Fully accessible and in complaince with Section 508 standards.

+
+ templates +
+ ACCESSIBILITY +

Fully accessible and in complaince with Section 508 standards.

+
+