diff --git a/src/components/panels/EditorPanel.jsx b/src/components/panels/EditorPanel.jsx index 0a43de8..4f19cb5 100644 --- a/src/components/panels/EditorPanel.jsx +++ b/src/components/panels/EditorPanel.jsx @@ -60,19 +60,19 @@ export class EditorPanel extends React.PureComponent { className={classnames({ active: mode === MODES.ROUTER })} onClick={this.startRouterMode} > - + @@ -84,21 +84,21 @@ export class EditorPanel extends React.PureComponent { className={classnames({ active: mode === MODES.SHOTTER })} onClick={this.startShotterMode} > - + diff --git a/src/sprites/icon.svg b/src/sprites/icon.svg index e1564ae..9f005e2 100644 --- a/src/sprites/icon.svg +++ b/src/sprites/icon.svg @@ -138,6 +138,65 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/sprites/icons_draft.svg b/src/sprites/icons_draft.svg index c16280c..c5e701f 100644 --- a/src/sprites/icons_draft.svg +++ b/src/sprites/icons_draft.svg @@ -25,9 +25,9 @@ borderopacity="1.0" inkscape:pageopacity="0" inkscape:pageshadow="2" - inkscape:zoom="2" - inkscape:cx="-83.901329" - inkscape:cy="9.506994" + inkscape:zoom="4" + inkscape:cx="-158.00628" + inkscape:cy="4.4652866" inkscape:document-units="px" inkscape:current-layer="svg8" showgrid="false" @@ -38,7 +38,7 @@ inkscape:window-maximized="1" units="px" inkscape:showpageshadow="false" - inkscape:snap-global="false" /> + inkscape:snap-global="true" /> @@ -47,7 +47,7 @@ image/svg+xml - + @@ -58,8 +58,7 @@ transform="translate(0,-288.53332)" /> + transform="translate(-192)"> - + style="fill:none;fill-rule:evenodd;stroke:#000000;stroke-width:2.73455501;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" + d="m 10.922683,16.585837 4.189515,4.189516 6.606544,-6.606544" + id="path7854" + inkscape:connector-curvature="0" /> + id="icon-trash-2" + transform="translate(-96)"> + + width="3.1245625" + height="3.0925183" + x="2.6705999" + y="3.7506495" + rx="0.35952863" + ry="0.40317342" /> + width="3.6630149" + height="0.86975819" + x="2.4013736" + y="2.422653" + rx="0.43487909" + ry="0.43487909" /> + width="2.9243309" + height="1.3062081" + x="2.7707155" + y="1.6977544" + rx="0.65310407" + ry="0.65310407" /> - - - + width="1.9327896" + height="0.52264619" + x="3.2664864" + y="2.1137509" + rx="0.26132309" + ry="0.26132309" /> + + + + - - - - - - - - - - - - - - - - - - - - - + id="icon-cycle" + transform="translate(-256)"> + id="icon-arrow" + transform="translate(-96)"> @@ -447,8 +363,7 @@ + transform="translate(-320)"> + id="icon-sticker-2" + transform="translate(-160)"> + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + style="opacity:1;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:3.34301686;stroke-miterlimit:4;stroke-dasharray:6.6860338, 3.3430169;stroke-dashoffset:0;stroke-opacity:1" + id="rect6617" + width="19.5" + height="13.890411" + x="6.25" + y="9.8327999" + rx="1.0866628" + ry="1.0866628" /> + + + + + + + + + + + diff --git a/src/styles/colors.less b/src/styles/colors.less index bda5f89..4e79d6e 100644 --- a/src/styles/colors.less +++ b/src/styles/colors.less @@ -11,3 +11,6 @@ @green_primary: #abc837; @green_secondary: #009c80; + +@red_primary: #ff8100; +@red_secondary: #ff3344; diff --git a/src/styles/panel.less b/src/styles/panel.less index c68ef29..2b86861 100644 --- a/src/styles/panel.less +++ b/src/styles/panel.less @@ -97,7 +97,7 @@ } &.success { - background: linear-gradient(150deg, @green_primary, @green_secondary) 50% 50% no-repeat; + background: linear-gradient(150deg, @red_primary, @red_secondary) 50% 50% no-repeat; background-size: 100% 100%; } diff --git a/src/styles/stickers.less b/src/styles/stickers.less index 5fcf855..58cab10 100644 --- a/src/styles/stickers.less +++ b/src/styles/stickers.less @@ -10,8 +10,8 @@ &:before { content: ' '; - box-shadow: 0 0 10px 1px #ff3344; - background: #ff334422; + box-shadow: 0 0 10px 1px @red_secondary; + background: @red_secondary; width: 48px; height: 48px; left: -24px;