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 f88434c..22b09fe 100644 Binary files a/src/sprites/favicon.png and b/src/sprites/favicon.png differ diff --git a/src/sprites/icon.svg b/src/sprites/icon.svg index 9f005e2..7dfdb90 100644 --- a/src/sprites/icon.svg +++ b/src/sprites/icon.svg @@ -139,7 +139,7 @@ - + @@ -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%;