From 5b987a4acd365a875dd85f1bab864aa38f820973 Mon Sep 17 00:00:00 2001 From: Praveen Durairaj Date: Fri, 2 Nov 2018 16:00:16 +0530 Subject: [PATCH] update graphiql-online footer css (#967) --- .../src/components/Login/App.css | 26 ++++++ .../src/components/Login/Login.js | 76 ++++++++++-------- .../tools/graphiql-online/src/helpers/Html.js | 3 + .../tools/graphiql-online/static/favicon.ico | Bin 1406 -> 0 bytes .../tools/graphiql-online/static/favicon.png | Bin 2251 -> 2083 bytes .../tools/graphiql-online/static/index.html | 3 + .../tools/graphiql-online/static/logo.jpg | Bin 6838 -> 0 bytes 7 files changed, 76 insertions(+), 32 deletions(-) delete mode 100644 community/tools/graphiql-online/static/favicon.ico delete mode 100644 community/tools/graphiql-online/static/logo.jpg diff --git a/community/tools/graphiql-online/src/components/Login/App.css b/community/tools/graphiql-online/src/components/Login/App.css index 1e8017174fd..d3e98967559 100644 --- a/community/tools/graphiql-online/src/components/Login/App.css +++ b/community/tools/graphiql-online/src/components/Login/App.css @@ -55,3 +55,29 @@ body border-radius: 5px; background-color: #f6f6f6; } +.footerWrapper { + position: fixed; + bottom: 20px; + width: 100%; + display: flex; + justify-content: center; +} +.apiHasura { + font-size: 14px; + text-align: right; +} +.apiHasura i { + color: #757575;; + font-size: 22px; +} +.apiHasura i:hover { + color: #000; +} +.built { + text-align: right; + font-size: 14px; + margin-right: 10px; +} +.built i { + color: #f93c18; +} diff --git a/community/tools/graphiql-online/src/components/Login/Login.js b/community/tools/graphiql-online/src/components/Login/Login.js index 3639c5a6894..0fb8c2eff64 100644 --- a/community/tools/graphiql-online/src/components/Login/Login.js +++ b/community/tools/graphiql-online/src/components/Login/Login.js @@ -15,38 +15,50 @@ class LoginComponent extends React.Component { render() { const { dispatch } = this.props; return ( -
- -

Online GraphiQL

-
-
-
- - - +
+
+ +

Online GraphiQL

+
+
+
+ + + +
+
+
+
+
+ Built with by Hasura +
+
diff --git a/community/tools/graphiql-online/src/helpers/Html.js b/community/tools/graphiql-online/src/helpers/Html.js index a0127ec1883..e5ff2156e75 100644 --- a/community/tools/graphiql-online/src/helpers/Html.js +++ b/community/tools/graphiql-online/src/helpers/Html.js @@ -25,6 +25,9 @@ export default class Html extends Component { + GraphiQL Online with Headers | Built by Hasura + + {Object.keys(assets.styles).map((style, key) => ( 6h|A7n{2 z3z@0?suYW$GE+0F<+AWkf0EKbi3+8(kKe<2de5~DR|Y}!!r{I5o^zh_oaa6FB_xK# zl4Ws(?po3|pAZ8fBrYzNzQ>R|^!X+I#?yTnH7zxa``eY6n7CMLPtDfvD5~R2PX&a^ z`e9Q=-H>r_rJu`i*J?RqI>lP}Cp?vk)$0llTr}6VPDt%T)AG~LAP2sH+&2l%C*xpi zc@Ywhc*mG^o6e|ID)p~8Dwfro%4%9|*Pc(w&%T1I|J$4<_f3H1Tw73=v9);5VX!tm07uto1V_3v2)3&Ma3VKa!+hpikWF2EnsQlye3Iofx8?ke zN%SFap}YoIvj}|QL6F+tC|Jhr`+!Sb1){G*!NA`5eN`Vc8g@P6=<`Z^QpekA{!Jc?Q$>$^&SR3v~$51@O zmV!ZzfnroQP>jhaKjPSLzXILbj2RAv<=}ig9u?z!_#O=Ior4Jsvz#yX49NaZQGP}H z6U~%|2{^k9*2|p{9m0GiT7%n=-GiEPn{$2kn=chjBmTRuX|Fky1J!lc;omr54NGlH zh!Lfe%GvT}cS?1`xzfOTr8kNr)^T)=fN{rudbS!oTY@vD%gm`4FWpvV z3}cX|spuG_RQq7|nW4`~`xYuL1hpnhWX2GO&aGbO&TF-JZ%u`BP$QhVaDT|((LD;n z(Yhe(N{gCx#K46(%$kiCO{J$Mtc?$*9i1Z}(|N>mmZ(0K^KBtRe(_jxia6&#H-kcm zTCHA`#4uURinU%{R&KzMyJy(2ZTAqD?)Fpt&L$-#ZKSbL|Nhic5BWaNL*B)Bh@Z@u fhX&1MVL!%V4(8%LMX$1-_f!mh`o9Z+kbkisR@W_8 diff --git a/community/tools/graphiql-online/static/favicon.png b/community/tools/graphiql-online/static/favicon.png index e54f230c7ed7dffcbeda730a7e21f8bf35615312..b5175e56d1d22030ab1560d3efc43dab31121f58 100644 GIT binary patch literal 2083 zcmV+;2;BFHP)68iitqoaX-Uv8>l0MlXR z6#>|Mk7;02Sb6IdRwO0z3p1E9rcF2*;z2V#0;hxIWw~%T00sHpjvCayj*ylpoyPcT zAX~9o(Y~Zlx+X<)R8VKMkB&_S%_qg4`J_)i<`T-Q2|7?-m1&t(Foa>JAisq*7QzB3 zN|+rgxI=}=D`xx-i}IO}$+_d1hcLmuW_5Z|aq;%4B0ooS<%TE&MNz@+VYZd|Pm@6? zjMM4v<6Jl(L=`-0B$*ggO33^O6aPH_#!vEOsTsG zpzABo!km4Wgl{P^6N$2hPO`2_i7j5zC&M^vq9~YSkYQ*d{LxWQS`ddwjm7Jry!Eo+ zvyt3xS&_H^c!xiVVUu9M#>91GmaJ)DF)AkJJvf)FSehbhRxT$`Jl;qa(&0x}|GZ9q zo+^`bQzbGsK1r@#`ztCIiz)zCY=gFSQ--uS8M0!Dd?4JgZso1t&rvXs=L=+bWSm_1 z{STY$24ayAg!wC`Ie~WVZGVYub=jAEe*RG<8LfK^i z43!te4Lq+Vf;UqMv^0QWy1so~t+52p3nF+7L1hyfC`D^lEw834aVPNTt!4zuqYt3$ z9&mPlyRuLRvR{zrHt!*+XIsg(-S5~g%cvH%N%=#WjWZby6i(7bD~zB9fQY*LbEKbE z4k*FU92g!sQw7szqX4{0T1(0VfX$)^w`==)Wnn&`_3Is77Ybf`ch;&Ff@cXWY&HR) zBT80P6IEW}4^70d-3`)_T?n9Ozc!H2Akc}5Jn*4~HcffgD?&3)X`K%wg7!QBQ1yMc z7hp@^{{UY1+c|3hf_I6u%h3U_nQy+UjHDGvfr1F_sj)NXE!N9I8JewW;ObS&45bzP z|vOy5V|xGMg1HxrDG2uzhPFs$6#yf%6M!ZQo=fnBw%cA-0W_6T zsDO8?WAj$lkoK3X1d+%zPcgh-2rgp$llS*jwdCTv9u(P6>h5rA_OT+yB`=28tP z5;7EZ0OW2gpFE}Je@>2!bN`QO#A~_$58BA1VZoe1bXpt?Cv*VJi&oEcDgkr#Yj26l zJeAtq-Ne$tKy)^yDDs2H1*Ygn>jRpYsIOtJVLLX^P}#lS|C#;?A@3E@?I)QuCeQb0 zqoEmxc}|b6?$HaLuXE41ctLc};;7W-hd&#K-0!M( zQV@6~woccIj;Ne3pRK6Ql0R&M1@sfv^ ziQwb{K>X_D4`e}OGV-(2sBr<_g^NGk()1FERb26x%8g^0{{?NDEWIfdcXhx N002ovPDHLkV1kQW!IA&~ literal 2251 zcmV;+2sHPJP)VH9^Kn z{7^OwC{i)mKuQ%omJI=HgB+v?b&m94HU!AT(PkP7zfi&)mIARM%nhVRvmrnQ2=-vi zFI5pC#hfC|P9cJdcij?@xfyfR9H)ds?qFenU6E&LF97&Lg+I&0?-aRAO(j4eGuJq& z7?2jr-lIb9U_qFbOPEybANq@Q6E@-SdnJHbnQN4E0|@=XsGy2}mc;KxFdq1`RnkNQWs~`oXj5()rsaI zY?vzXXGDn@&8G7Ip$Zso3?szk9seH!%>0BAWPYj~Hikk4l3SU=7b@vpRY&_HRqb8m zo3jz=I@&7@?Sd#%_(CVA?`Xdz00+bs7vB@|xQ$rlm4Km@#X#1q%kZxcJN84U?z|+l2 z#cUdEU=>F;6=|Bab+D^^;ij2Vu~l$JdU}DndL>X@HQLDh4#@ zq*I*PBwMP17W0JZ!C9lh!y!P&020m2$RWBd3vP`EL*CIc%@@PW@0tm;+@7(U{KMv zA|>o%oJBSUgp?XD!aw7{GO=tkzj&3ZiV7*Uvhg=gL50-D#2`-Dm_Svk?|k`Dr!t-} zAvNsY_cu<4%!bR}5e4YK;u9vM_+5mG^nqlhX_i;xOpoPkI39t_@-NLc;ny;6)h@CB;)iDY(|S{9Q|++UzDj(#?cQK z@kN;mWtZ|8kXm>@o(%} z8pA}ME#2UI%lg7KhKW3IZ&|WF(2uoi492naB;wn{``R`3Hdi&I8(R{VUrGVd9T0h(1zq2$zXx5L!c;mubpjm7Uz^Xwn8~m%#y~UOZUeQ3Ds}Xxu zt`LzJoijrdDt9QkNBT35a^^36_&BW}7@CbD*Rc3%JcrBd)8ONruk(yZq(Q|=)Jc`e zr@_a`*Xb=1Y4CB5ZRKaQIFtq-XBs^*GKn-u9{<(eGLS1)8M~b zz3lU>vn;x-)gl)wHC}6Nj6VOw)j!5)Encf~xf&=g*YkkLuNwT)$=k0Qo~y)#WMK&Z-RS{8ce!?!OGG%?-@qIWRK! zDakzbcVw6c5C*PzecMOpQDUE%)Vv4)I*@G(X$5D&b2qc9lYO`g5fKp)5fKp)5fKqx Z?gyMud1Ow;!?yqc002ovPDHLkV1g$eD@*_Y diff --git a/community/tools/graphiql-online/static/index.html b/community/tools/graphiql-online/static/index.html index cfe2443478d..42dcedfdc80 100644 --- a/community/tools/graphiql-online/static/index.html +++ b/community/tools/graphiql-online/static/index.html @@ -1,6 +1,9 @@ + GraphiQL Online with Headers | Built by Hasura + +