wood/CoverView
1
0
Fork 0
mirror of https://github.com/woodchen-ink/CoverView.git synced 2025-07-18 14:01:56 +08:00
Code Issues Packages Projects Releases Wiki Activity

feat: add title in preview theme

Browse Source
This commit is contained in:
rutik wankhade 2023-01-25 22:57:12 +05:30
parent c825f9de7b
commit 446af28a26
1 changed files with 7 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
src/components/Themes/PreviewTheme.js
View File

@ -1,7 +1,7 @@
import React, { useState } from 'react'; import React, { useState } from 'react';
const PreviewTheme = ({ config }) => { const PreviewTheme = ({ config }) => {
const { bgColor, platform } = config; const { bgColor, platform,title } = config;
const [image, setImage] = useState() const [image, setImage] = useState()
@ -13,6 +13,9 @@ const PreviewTheme = ({ config }) => {
style={{ backgroundColor: bgColor }} style={{ backgroundColor: bgColor }}
> >
<h1 className="text-2xl md:text-3xl p-10 text-white font-bold text-center">{title}</h1>
<div className="w-10/12 group mx-auto mt-auto mb-0 shadow-lg flex flex-col bg-white rounded-t-xl border-white"> <div className="w-10/12 group mx-auto mt-auto mb-0 shadow-lg flex flex-col bg-white rounded-t-xl border-white">
<div className="bg-gray-800 h-8 w-full p-2 flex items-center rounded-t-xl"> <div className="bg-gray-800 h-8 w-full p-2 flex items-center rounded-t-xl">
<div className="bg-red-400 h-3 w-3 rounded-full mx-1"></div> <div className="bg-red-400 h-3 w-3 rounded-full mx-1"></div>
@ -25,6 +28,9 @@ const PreviewTheme = ({ config }) => {
</button> </button>
</div> </div>
{image ? {image ?
<div className=""> <div className="">
<img src={image && image} className="object-cover " alt="preview" /> <img src={image && image} className="object-cover " alt="preview" />