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

update theme

Browse Source
This commit is contained in:
rutik wankhade 2022-04-23 12:33:12 +05:30
parent 1ac04e68ae
commit c61d0155eb
2 changed files with 12 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
src/components/Editor.js
View File

@ -3,7 +3,7 @@ import CoverImage from "./CoverImage";
import ComponentToImg from "./ComponentToImg";
import Select from 'react-select';
import RandomTheme from './RandomTheme';
// import resetIcon from '../assets/icons/reset.svg'
const defaultSettings = {
title: "How I built my first project with react",
@ -195,17 +195,17 @@ class Editor extends React.Component {
</select>
</div> */}
{/*
<button
className="flex items-center mx-auto border p-2 bg-green-400"
onClick={this.handleReset}>
<img src={resetIcon} />
<span>Reset</span>
</button> */}
</div>
<div className="m-2 items-center justify-center flex">
<div className="m-2 items-center justify-center flex flex-col">
<RandomTheme onThemeChange={this.getRandomTheme} />
{/* <button
className="flex items-center mx-auto border"
onClick={this.handleReset}>
<img src={resetIcon} className="shuffle-btn border bg-white p-2 rounded cursor-pointer"/>
</button> */}
</div>
<div className="flex flex-col items-center justify-center m-14">

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

@ -25,11 +25,12 @@ const PreviewTheme = ({ config }) => {
<img src={image && image} className="object-cover " alt="preview" />
</div>
:
<div className="flex p-20 py-32 bg-white items-center justify-center">
<div className="flex flex-col p-20 py-28 bg-white items-center justify-center">
<input type="file"
className="text-xl bg-white"
className="text-xl cursor-pointer mb-2 bg-white rounded border"
onChange={(e) => setImage(URL.createObjectURL(e.target.files[0]))}
/>
<span className=" text-center italic">Upload a screenshot of your app</span>
</div>
}