From 28c4aa6daac9d7c39cb27929e598b7f9bb669f99 Mon Sep 17 00:00:00 2001 From: Rutik Wankhade Date: Sun, 6 Oct 2024 19:59:13 +0530 Subject: [PATCH] fix: fix cover image themes sizes issue --- src/components/CoverImage.js | 8 +++----- src/components/Themes/BasicTheme.js | 10 +++++----- src/components/Themes/MobileMockupTheme.js | 8 ++++---- src/components/Themes/ModernTheme.js | 8 ++++---- src/components/Themes/OutlineTheme.js | 6 +++--- src/components/Themes/PreviewTheme.js | 13 +++---------- src/components/Themes/StylishTheme.js | 18 +++++++++--------- 7 files changed, 31 insertions(+), 40 deletions(-) diff --git a/src/components/CoverImage.js b/src/components/CoverImage.js index 5742cce..8dafd0c 100644 --- a/src/components/CoverImage.js +++ b/src/components/CoverImage.js @@ -41,13 +41,11 @@ const CoverImage = (props) => { return ( -
- {selectTheme(theme)}
+
+ {selectTheme(theme)} +
); - - - } export default CoverImage; diff --git a/src/components/Themes/BasicTheme.js b/src/components/Themes/BasicTheme.js index f191212..b5e6041 100644 --- a/src/components/Themes/BasicTheme.js +++ b/src/components/Themes/BasicTheme.js @@ -2,11 +2,11 @@ import React from 'react'; const BasicTheme = ({ config }) => { - const { title, bgColor, pattern, author, icon, font, customIcon,platform } = config; + const { title, bgColor, pattern, author, icon, font, customIcon } = config; return ( -
-
+
@@ -33,8 +33,8 @@ const BasicTheme = ({ config }) => {

{author}

- -
+ +
diff --git a/src/components/Themes/MobileMockupTheme.js b/src/components/Themes/MobileMockupTheme.js index a6578da..ec23940 100644 --- a/src/components/Themes/MobileMockupTheme.js +++ b/src/components/Themes/MobileMockupTheme.js @@ -1,22 +1,22 @@ import React, { useState } from 'react'; const MobileMockupTheme = ({ config }) => { - const { bgColor, platform, title,font } = config; + const { bgColor, title, font } = config; const [image, setImage] = useState() return ( -
+
-

{title}

-
+
diff --git a/src/components/Themes/ModernTheme.js b/src/components/Themes/ModernTheme.js index 07b098d..35205f1 100644 --- a/src/components/Themes/ModernTheme.js +++ b/src/components/Themes/ModernTheme.js @@ -3,12 +3,12 @@ import React from 'react'; const ModernTheme = ({ config }) => { - const { title, bgColor, pattern, author, icon, font, customIcon, platform } = config; + const { title, bgColor, pattern, author, icon, font, customIcon } = config; return ( -
-
-
+
+
diff --git a/src/components/Themes/OutlineTheme.js b/src/components/Themes/OutlineTheme.js index 676dbbd..c1f6866 100644 --- a/src/components/Themes/OutlineTheme.js +++ b/src/components/Themes/OutlineTheme.js @@ -1,12 +1,12 @@ import React from 'react'; const OutlineTheme = ({ config }) => { - const { title, bgColor, author, icon, font, customIcon, platform } = config; + const { title, bgColor, author, icon, font, customIcon } = config; return ( -
+
-
diff --git a/src/components/Themes/PreviewTheme.js b/src/components/Themes/PreviewTheme.js index ccfaafc..6e2279b 100644 --- a/src/components/Themes/PreviewTheme.js +++ b/src/components/Themes/PreviewTheme.js @@ -1,19 +1,18 @@ import React, { useState } from 'react'; const PreviewTheme = ({ config }) => { - const { bgColor, platform, title, font } = config; + const { bgColor, title, font } = config; const [image, setImage] = useState() return ( -
+
-
-

{title}

@@ -30,7 +29,6 @@ const PreviewTheme = ({ config }) => {
- {image ?
preview @@ -48,13 +46,8 @@ const PreviewTheme = ({ config }) => { }
- - - -
-
); } diff --git a/src/components/Themes/StylishTheme.js b/src/components/Themes/StylishTheme.js index f61f5e2..56615bf 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 { title, author, font, icon, customIcon, platform,bgColor } = config; + const { title, author, font, icon, customIcon, bgColor } = config; // const [image, setImage] = useState({}) @@ -65,14 +65,14 @@ const StylishTheme = ({ config }) => { return ( -
+
-
-
+
@@ -101,11 +101,11 @@ const StylishTheme = ({ config }) => {
- - + + preview -
- +
+