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

fix: small fixes

Browse Source
This commit is contained in:
rutik wankhade 2020-08-17 20:51:03 +05:30
parent 31998612d6
commit 7e7383436e
5 changed files with 25 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
README.md
View File

@ -1,3 +1,6 @@
<!--
This project was bootstrapped with [Create React App](https://github.com/facebook/create-react-app). This project was bootstrapped with [Create React App](https://github.com/facebook/create-react-app).
## Available Scripts ## Available Scripts
@ -65,4 +68,4 @@ This section has moved here: https://facebook.github.io/create-react-app/docs/de
### `npm run build` fails to minify ### `npm run build` fails to minify
This section has moved here: https://facebook.github.io/create-react-app/docs/troubleshooting#npm-run-build-fails-to-minify This section has moved here: https://facebook.github.io/create-react-app/docs/troubleshooting#npm-run-build-fails-to-minify -->

12
src/components/App.css
View File

@ -2,11 +2,15 @@
color:#ffffff; color:#ffffff;
padding-left:40px; padding-left:40px;
background-color: #6272a4; background-color: #6272a4;
padding:5px 5px 5px 35px;
font-family:segoe ui;
} }
.logo{height:25px; .logo{
width:25px; height:30px;
margin-right:10px;} width:30px;
margin-right:10px;
}
footer{ footer{
@ -16,4 +20,6 @@ footer{
margin-top:40px; margin-top:40px;
padding:10px; padding:10px;
font-size: 14px; font-size: 14px;
border-top:1px solid #cccccc
;
} }

14
src/components/ComponentToImg.js
View File

@ -3,6 +3,7 @@ import { exportComponentAsJPEG, exportComponentAsPNG } from "react-component-exp
import './CoverImage.css' import './CoverImage.css'
class ComponentToImg extends React.Component { class ComponentToImg extends React.Component {
constructor(props) { constructor(props) {
super(props); super(props);
@ -19,13 +20,14 @@ class ComponentToImg extends React.Component {
{this.props.children} {this.props.children}
</div> </div>
{/* <button onClick={() => exportComponentAsJPEG(this.componentRef)}> {/* <button onClick={() => exportComponentAsJPEG(this.componentRef)}>
Export As JPEG Export As JPEG
</button> */} </button> */}
<button onClick={() => exportComponentAsPNG(this.componentRef)}> <button onClick={() => exportComponentAsPNG(this.componentRef)}>
Download Download
</button> </button>
</React.Fragment>); </React.Fragment>);
} }

2
src/components/ConfigCover.js
View File

@ -20,7 +20,7 @@ class ConfigCover extends React.Component {
<div className="inputData card"> <div className="inputData card">
<h1>CoverView</h1> <h1>CoverView</h1>
<p>Create awesome cover for your blogs</p> <p>🛠 Create awesome cover images for your blog posts quickly</p>
<input type="text" placeholder="Enter title here" className="inputTitle form-control" <input type="text" placeholder="Enter title here" className="inputTitle form-control"
onChange={e => this.setState({ title: e.target.value })}></input> onChange={e => this.setState({ title: e.target.value })}></input>

5
src/components/CoverImage.css
View File

@ -41,9 +41,10 @@ button{
border:none; border:none;
border-radius:4px; border-radius:4px;
padding:10px; padding:10px;
margin:auto; margin:auto ;
width:100px; width:100px;
text-align: center; text-align: center;
box-shadow: 4px 4px #cccccc;
} }
@ -55,6 +56,6 @@ button{
} }
.title-card{ .title-card{
padding:2.5vw 3vw 2.5vw 3vw; padding:2.5vw 3vw 2.5vw 3vw;
font-size: 1.4rem; font-size: 1.2rem;
} }
} }