diff --git a/src/assets/images/template-empty.svg b/src/assets/images/template-empty.svg new file mode 100644 index 00000000..ebdc1caa --- /dev/null +++ b/src/assets/images/template-empty.svg @@ -0,0 +1,7 @@ + + + + + + + diff --git a/src/components/modals/SiteCreationModal/SiteCreationModal.js b/src/components/modals/SiteCreationModal/SiteCreationModal.js index e8a77232..ad1bb6c2 100644 --- a/src/components/modals/SiteCreationModal/SiteCreationModal.js +++ b/src/components/modals/SiteCreationModal/SiteCreationModal.js @@ -1,5 +1,6 @@ import React, {Component} from 'react'; import CSSModules from 'react-css-modules'; +import InlineSVG from 'svg-inline-react'; import ButtonControl from 'components/elements/ButtonControl/ButtonControl'; import InputControl from 'components/elements/InputControl/InputControl'; @@ -9,7 +10,7 @@ import {removeOddSpaces} from "utils/strings"; import styles from './SiteCreationModal.sss'; -import ImageTemplateEmpty from "assets/images/template-empty.png"; +import ImageTemplateEmpty from "assets/images/template-empty.svg"; @CSSModules(styles, {allowMultiple: true}) @@ -43,9 +44,13 @@ export class TemplateControl extends Component {
- - + {this.template.icon ? + + : + + }
{this.template.name}
{this.template.description}
diff --git a/src/components/modals/SiteCreationModal/SiteCreationModal.sss b/src/components/modals/SiteCreationModal/SiteCreationModal.sss index a5d0012c..9acc8fa8 100644 --- a/src/components/modals/SiteCreationModal/SiteCreationModal.sss +++ b/src/components/modals/SiteCreationModal/SiteCreationModal.sss @@ -94,7 +94,6 @@ .icon, .icon-img width: 80px - height: 80px margin-right: 25px .text