From 2375bc3f57fee666faa82f9f3c7ba01725d5fc7d Mon Sep 17 00:00:00 2001 From: muerwre Date: Mon, 3 Sep 2018 14:54:43 +0700 Subject: [PATCH] buttons and icons --- src/components/panels/EditorPanel.jsx | 4 +- src/sprites/favicon.png | Bin 819 -> 707 bytes src/sprites/icon.svg | 20 ++++++--- src/sprites/icons_draft.svg | 59 ++++++++++++++++++++++++-- src/styles/colors.less | 2 +- src/styles/panel.less | 5 +++ 6 files changed, 77 insertions(+), 13 deletions(-) diff --git a/src/components/panels/EditorPanel.jsx b/src/components/panels/EditorPanel.jsx index 4f19cb5..c661c67 100644 --- a/src/components/panels/EditorPanel.jsx +++ b/src/components/panels/EditorPanel.jsx @@ -106,7 +106,7 @@ export class EditorPanel extends React.PureComponent {
diff --git a/src/sprites/favicon.png b/src/sprites/favicon.png index f88434cd52aa3a995f900fe354b6f120309883fa..22b09fe8401f92ff22557c403ba187a11913cfe4 100644 GIT binary patch delta 658 zcmV;D0&V@X2Ezp*iBL{Q4GJ0x0000DNk~Le0000G0000G2nGNE03Y-JVUZyk3l78p z01m_fl`9S#kwz$gKuJVFR5*>5lTS#KVI0Rl&->18w!Ld}OKqFrpCTP;QBhgsts*0o zlAuF&6e@_i1s%FXry`<@mkuU$Dd^#@Tz5v812o3pLi=Jvkt^LDVNrYrg$ zpYQYe@cZ%bh)^hW)UvE@AjJPAswhgAs%ct35MJwsr}Zp!h@m)rBnR#>_onyn0)NL9*46Dn7!o}?O1$qT(3NHPp0RMKK}et>@$0+lzwPN7q@uvjaUg z&cgIC;bYezJx_AzNdeY2?jX3e6E!aphDnKVFRfstzL4m@1AwEf8m+vEZ$pnUb7|~a zkWkYZJpOG6Ln0Oo=HtUmkM%4GmM0KtM`ZIPN1suD5jjakT^quX%#A@Cw0($O$SVrx1A)AxqIS zNhU|SNyXn`clfEUIgMD*`8xA*^)mvvJhdn}9brgjC;FHkyN_j=fS_T^C7fy*GMm9L zQfmuYVj~Z6SRV8rF=oae{DK!#VmMHA163CYN`QQ!6Tx6`iX#8vcf76!D&4zDqz8#- s-Y>7FL^vF7l~Q*9OR`3$q?BDh0o>x-2fN5{-2eap07*qoM6N<$f}0d75C8xG delta 771 zcmV+e1N{8M1+xYriBL{Q4GJ0x0000DNk~Le0000O0000O2nGNE0N{5$_>mzR3k8V) z00oHwZD^hPkwz$gut`KgR7i=<)JtqtRTKu`Z=JSjeINn>qak86^^qb73ZR)9CU4WH4j+*1G&lTwAjIYp}ad<=krZYtFGQy|RipY)<0! zcJ(XH;9Jl4EcpGQjK$N^IBB4L3+dr@t1TmHjAIP9G*YLq9b1}c7Yg_%vd2TdJH*d( z((wV6#T5pBXFPMmvij%P(Y|A+a90zqp{oghA3V~hQl)VQlMZfLRv%l3IDA*YT?M>7 zact7TO^{7_>Yhw(qR>@YBnWA?ftTBGZ_3n;jvDOfc-ifLB-vr~6iB(&Gdda45#j{t z(-4=?-{4JRKG^8ro7uZf>I|4N^j1iR3IWUy`_vbTgjD zjfMKTI{giU;X6V;ZIy=?oXw?|LRM=CozJDEjB#|APbnSV>Ag2HxYN5cc)y%T;`ROV8*qO!FK1wv$`^m*6@O7kkCyeHOA8@Ai+v5ly}`v` zv9;d4&A9BdyQ-x7-!iekm`^;0a|Le8*vbrkED>5xTv5W6=xxO@-PRy3U%g^%Dan;- z{Mn=HqqYX5uiA(u%(Pkmtk= - + @@ -148,7 +148,7 @@ - + @@ -161,7 +161,7 @@ - + @@ -171,7 +171,7 @@ - + @@ -179,7 +179,7 @@ - + @@ -187,7 +187,7 @@ - + @@ -197,6 +197,14 @@ + + + + + + + + diff --git a/src/sprites/icons_draft.svg b/src/sprites/icons_draft.svg index c5e701f..221768d 100644 --- a/src/sprites/icons_draft.svg +++ b/src/sprites/icons_draft.svg @@ -7,6 +7,7 @@ xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:svg="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg" + xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" width="600" @@ -17,7 +18,29 @@ inkscape:version="0.92.2 5c3e80d, 2017-08-06" sodipodi:docname="icons_draft.svg"> + id="defs2"> + + + + + + + + + + + + + diff --git a/src/styles/colors.less b/src/styles/colors.less index 4e79d6e..0759894 100644 --- a/src/styles/colors.less +++ b/src/styles/colors.less @@ -12,5 +12,5 @@ @green_primary: #abc837; @green_secondary: #009c80; -@red_primary: #ff8100; +@red_primary: #ff7034; @red_secondary: #ff3344; diff --git a/src/styles/panel.less b/src/styles/panel.less index 2b86861..e4cd94f 100644 --- a/src/styles/panel.less +++ b/src/styles/panel.less @@ -60,6 +60,7 @@ transition: background-color 500ms; height: 48px; box-sizing: border-box; + user-select: none; &:hover { background: rgba(100, 100, 100, 0.2); @@ -91,6 +92,10 @@ background: #555555; } + &.cancel { + background: linear-gradient(270deg, #0f5871, #444444 60%); + } + &.primary { background: linear-gradient(150deg, @blue_primary, @blue_secondary) 50% 50% no-repeat; background-size: 100% 100%;