diff --git a/public/index.html b/public/index.html index 2ec1a8b..8eab3de 100644 --- a/public/index.html +++ b/public/index.html @@ -6,25 +6,25 @@ - + - - - - - - + + + + + + - - - + + + + content="https://user-images.githubusercontent.com/47467468/180610249-d24b4ffa-e059-4678-8788-5795498b168c.png"> - - - - Coverview + + Coverview - Creating cover images for your blogs is now super easy - +
diff --git a/src/components/Themes/PreviewTheme.js b/src/components/Themes/PreviewTheme.js index 7223cf0..4b3c6cc 100644 --- a/src/components/Themes/PreviewTheme.js +++ b/src/components/Themes/PreviewTheme.js @@ -1,7 +1,7 @@ import React, { useState } from 'react'; const PreviewTheme = ({ config }) => { - const {bgColor, platform } = config; + const { bgColor, platform } = config; const [image, setImage] = useState() @@ -13,16 +13,22 @@ const PreviewTheme = ({ config }) => { style={{ backgroundColor: bgColor }} > -
-
-
-
-
+
+
+
+
+
+
{image ? -
+
preview +
:
diff --git a/src/components/Themes/StylishTheme.js b/src/components/Themes/StylishTheme.js index 2e40818..263c184 100644 --- a/src/components/Themes/StylishTheme.js +++ b/src/components/Themes/StylishTheme.js @@ -3,7 +3,7 @@ import unsplash from "../../utils/unsplashConfig"; import { ImgContext } from '../../utils/ImgContext'; const StylishTheme = ({ config }) => { - const { bgColor, title, author, font, icon, customIcon, platform } = config; + const { title, author, font, icon, customIcon, platform } = config; // const [image, setImage] = useState({})