wood/CoverView
1
0
Fork 0
mirror of https://github.com/woodchen-ink/CoverView.git synced 2025-07-18 05:51:56 +08:00
Code Issues Packages Projects Releases Wiki Activity

feat: update header links and ui

Browse Source
This commit is contained in:
Rutik Wankhade 2024-10-06 15:58:58 +05:30
parent c741d2ab67
commit d603c8a4a2
2 changed files with 13239 additions and 7753 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20958
package-lock.json generated
View File

File diff suppressed because it is too large Load Diff

34
src/components/Header.js
View File

@ -3,26 +3,26 @@ import { Link } from 'react-router-dom'
import logo from '../assets/icons/logo.png'
const Header = () => {
const tweetText = encodeURIComponent(`type your thoughts here, Try https://coverview.vercel.app by @WankhadeRutik`)
const tweetText = encodeURIComponent(`type your thoughts here, Try https://coverview.vercel.app by @rutikdotdev`)
return (
<div className="text-xl md:px-2 flex border-b border-gray-100 p-2">
<Link to="/" className="flex items-center">
<img src={logo} alt="logo" className="w-8 h-8 mx-4" />
<h1 className="font-semibold">Coverview</h1>
return (
</Link>
<div className="text-xl md:px-2 flex border-dashed border-b-2 border-gray-100 p-2">
<Link to="/" className="flex items-center">
<img src={logo} alt="logo" className="w-8 h-8 mx-4" />
<h1 className="font-semibold">Coverview</h1>
<div className="ml-auto md:mr-4 ">
<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="text-base mx-2 font-Nunito">🥤 <span className="hidden md:inline-block">Buy me a coffee</span></a>
<a href={`https://twitter.com/intent/tweet?text=${tweetText}`} className="mx-2 bg-blue-400 md:text-sm text-xs rounded-full px-4 font-semibold text-white p-1">Share on Twitter</a>
</div>
</Link>
</div>
);
<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> */}
<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://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>
);
}
export default Header;