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: fix custom icon edge case ui

Browse Source
This commit is contained in:
Rutik Wankhade 2024-10-06 17:46:54 +05:30
parent 477a64c1be
commit 29b883c677
2 changed files with 14 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
src/components/Editor.js
View File

@ -115,11 +115,12 @@ class Editor extends React.Component {
className="outline-none focus:outline-none items-center text-lg text-gray-700" className="outline-none focus:outline-none items-center text-lg text-gray-700"
/> />
</div> </div>
<div className="w-full">
{this.state.icon.label === 'custom' ? {this.state.icon.label === 'custom' ?
<div className="flex items-center justify-center m-2"> <div className="flex items-center justify-center w-72 mx-auto">
<input type="file" <input type="file"
className="focus:outline-none text-lg cursor-pointer bg-white rounded border" className="focus:outline-none w-full text-lg cursor-pointer bg-white rounded border"
onChange={(e) => this.setState({ 'customIcon': URL.createObjectURL(e.target.files[0]) })} onChange={(e) => this.setState({ 'customIcon': URL.createObjectURL(e.target.files[0]) })}
/> />
</div> </div>
@ -127,6 +128,8 @@ class Editor extends React.Component {
<div></div> <div></div>
} }
</div>
<div className="flex items-center"> <div className="flex items-center">
<div className="flex flex-col m-2 w-1/2"> <div className="flex flex-col m-2 w-1/2">

2
src/components/Header.js
View File

@ -16,7 +16,7 @@ const Header = () => {
<div className="ml-auto md:mr-4 flex items-center "> <div className="ml-auto md:mr-4 flex items-center ">
{/* <Link to="/faq" className="text-gray-700 hover:text-gray-800 text-base font-Nunito mx-4"><span className="hidden md:inline-block">How to use</span></Link> */} {/* <Link to="/faq" className="text-gray-700 hover:text-gray-800 text-base font-Nunito mx-4"><span className="hidden md:inline-block">How to use</span></Link> */}
<a href="https://www.buymeacoffee.com/rutikwankhade" target="_blank" rel="noreferrer" className="bg-gray-700 hover:bg-gray-800 px-4 rounded-full p-1 text-white md:text-sm md:flex hidden items-center text-xs mx-2 font-Nunito">⭐ Star on Github</a> <a href="https://github.com/rutikwankhade/CoverView" target="_blank" rel="noreferrer" className="bg-gray-700 hover:bg-gray-800 px-4 rounded-full p-1 text-white md:text-sm md:flex hidden items-center text-xs mx-2 font-Nunito">⭐ Star on Github</a>
<a href={`https://x.com/intent/tweet?text=${tweetText}`} className="mx-2 bg-blue-400 hover:bg-blue-500 md:text-sm text-xs rounded-full px-4 font-semibold text-white p-1">Share on Twitter</a> <a href={`https://x.com/intent/tweet?text=${tweetText}`} className="mx-2 bg-blue-400 hover:bg-blue-500 md:text-sm text-xs rounded-full px-4 font-semibold text-white p-1">Share on Twitter</a>
</div> </div>