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 random theme button

Browse Source
This commit is contained in:
rutik wankhade 2023-01-25 11:42:58 +05:30
parent d065e08e80
commit 8c52145366
2 changed files with 7 additions and 44 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

44
src/components/Editor.js
View File

@ -88,7 +88,7 @@ class Editor extends React.Component {
</Tab.List> </Tab.List>
<Tab.Panels className="bg-white border-l "> <Tab.Panels className="bg-white border-l w-full p-4 ">
<Tab.Panel> <Tab.Panel>
<div className="m-2 flex flex-col"> <div className="m-2 flex flex-col">
@ -231,23 +231,20 @@ class Editor extends React.Component {
<Tab.Panel> <Tab.Panel className=" w-full flex flex-col justify-center">
themes
<div>
<RandomTheme onThemeChange={this.getRandomTheme} />
</div>
<div className="flex flex-col m-2 w-1/2"> <div className="flex flex-col m-2 w-1/2">
<span className="font-medium">Theme</span>
<select <select
onChange={(e) => this.setState({ theme: e.target.value })} onChange={(e) => this.setState({ theme: e.target.value })}
value={this.state.theme} value={this.state.theme}
className="focus:outline-none text-gray-700 text-xl p-2 rounded border"> className="focus:outline-none text-gray-700 text-xl p-2 rounded border">
<option>stylish</option> <option>stylish</option>
<option>modern</option> <option>modern</option>
@ -255,8 +252,6 @@ class Editor extends React.Component {
<option>preview</option> <option>preview</option>
<option>outline</option> <option>outline</option>
</select> </select>
</div> </div>
</Tab.Panel> </Tab.Panel>
@ -266,33 +261,6 @@ class Editor extends React.Component {
</Tab.Group> </Tab.Group>
<div className="flex">
</div>
{/* <div className="mx-4 my-1"> {/* <div className="mx-4 my-1">
<h6>Download As</h6> <h6>Download As</h6>
<select onChange={(e) => this.setState({ download: e.target.value })} <select onChange={(e) => this.setState({ download: e.target.value })}
@ -318,8 +286,6 @@ class Editor extends React.Component {
<div className="flex m-6 flex-col items-center justify-center "> <div className="flex m-6 flex-col items-center justify-center ">
<ComponentToImg downloadAs={this.state.download}> <ComponentToImg downloadAs={this.state.download}>
<CoverImage {...this.state} /> <CoverImage {...this.state} />
</ComponentToImg> </ComponentToImg>

7
src/components/RandomTheme.js
View File

@ -107,11 +107,8 @@ class RandomTheme extends React.Component {
render() { render() {
return ( return (
<div className="shuffle-btn border bg-white p-2 rounded cursor-pointer" onClick={this.changeTheme}> <div className="shuffle-btn mx-auto w-14 flex justify-center items-center shadow-xl shadow-gray-100 h-14 p-2 bg-indigo-400 rounded-xl cursor-pointer" onClick={this.changeTheme}>
<svg width="1em" height="1em" viewBox="0 0 16 16" className="bi bi-shuffle" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" className="text-white w-10 h-10" width="24" height="24" viewBox="0 0 24 24" ><path d="M17 17h-1.559l-9.7-10.673A1 1 0 0 0 5.001 6H2v2h2.559l4.09 4.5-4.09 4.501H2v2h3.001a1 1 0 0 0 .74-.327L10 13.987l4.259 4.686a1 1 0 0 0 .74.327H17v3l5-4-5-4v3z"></path><path d="M15.441 8H17v3l5-3.938L17 3v3h-2.001a1 1 0 0 0-.74.327l-3.368 3.707 1.48 1.346L15.441 8z"></path></svg>
<path fillRule="evenodd" d="M0 3.5A.5.5 0 0 1 .5 3H1c2.202 0 3.827 1.24 4.874 2.418.49.552.865 1.102 1.126 1.532.26-.43.636-.98 1.126-1.532C9.173 4.24 10.798 3 13 3v1c-1.798 0-3.173 1.01-4.126 2.082A9.624 9.624 0 0 0 7.556 8a9.624 9.624 0 0 0 1.317 1.918C9.828 10.99 11.204 12 13 12v1c-2.202 0-3.827-1.24-4.874-2.418A10.595 10.595 0 0 1 7 9.05c-.26.43-.636.98-1.126 1.532C4.827 11.76 3.202 13 1 13H.5a.5.5 0 0 1 0-1H1c1.798 0 3.173-1.01 4.126-2.082A9.624 9.624 0 0 0 6.444 8a9.624 9.624 0 0 0-1.317-1.918C4.172 5.01 2.796 4 1 4H.5a.5.5 0 0 1-.5-.5z" />
<path d="M13 5.466V1.534a.25.25 0 0 1 .41-.192l2.36 1.966c.12.1.12.284 0 .384l-2.36 1.966a.25.25 0 0 1-.41-.192zm0 9v-3.932a.25.25 0 0 1 .41-.192l2.36 1.966c.12.1.12.284 0 .384l-2.36 1.966a.25.25 0 0 1-.41-.192z" />
</svg>
</div> </div>
); );
} }