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: color input laypout fix

Browse Source
This commit is contained in:
rutik wankhade 2020-08-19 00:53:07 +05:30
parent c710402a7b
commit 653cf20735
3 changed files with 5 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
src/components/ConfigCover.css
View File

@ -16,7 +16,7 @@ body {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;
padding: 15px; padding: 30px;
} }
.blog-cover { .blog-cover {
display: flex; display: flex;
@ -51,6 +51,7 @@ input[type=number]{
background-color: #00e68a; background-color: #00e68a;
margin-top: 10px; margin-top: 10px;
box-shadow: 4px 4px #676683; box-shadow: 4px 4px #676683;
font-size: 18px;
} }

3
src/components/ConfigCover.js
View File

@ -50,6 +50,7 @@ class ConfigCover extends React.Component {
<input <input
type="color" type="color"
value={this.state.foregroundColor} value={this.state.foregroundColor}
className="mr-4"
onChange={(e) => this.setState({ foregroundColor: e.target.value })} onChange={(e) => this.setState({ foregroundColor: e.target.value })}
/> />
<label>Text</label> <label>Text</label>
@ -114,7 +115,7 @@ class ConfigCover extends React.Component {
<div className="d-flex flex-row mt-2"> <div className="d-flex flex-row mt-2">
<label>Dowload As</label> <label>Dowload As</label>
<select onChange={(e) => this.setState({ download: e.target.value })} className="form-control input-md" value={this.state.download}> <select onChange={(e) => this.setState({ download: e.target.value })} className="form-control input-md ml-2" value={this.state.download}>
<option>PNG</option> <option>PNG</option>
<option>JPEG</option> <option>JPEG</option>
</select> </select>

2
src/components/CoverImage.css
View File

@ -19,7 +19,7 @@
align-items: center; align-items: center;
vertical-align: middle; vertical-align: middle;
padding:50px; padding:50px;
font-size:40px; font-size:35px;
font-weight: 600; font-weight: 600;
border:none; border:none;
} }