drawdb-io/drawdb
1
0
Fork 0
mirror of https://github.com/drawdb-io/drawdb.git synced 2026-02-12 02:00:40 +08:00
Code Issues Packages Projects Releases Wiki Activity

Move links to navbar

Browse Source
This commit is contained in:
1ilit
2024-05-31 00:14:37 +03:00
parent 5e2acf91b7
commit 1768c39d43
3 changed files with 36 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

33
src/components/Navbar.jsx
View File

@@ -10,13 +10,13 @@ export default function Navbar() {
return (
<>
<div className="py-5 px-8 sm:px-4 flex justify-between items-center">
<div className="flex items-center justify-start">
<div className="flex items-center">
<Link to="/">
<img src={logo} alt="logo" className="me-2 h-[48px] sm:h-[32px]" />
</Link>
<div className="md:hidden">
<div className="md:hidden flex space-x-6 ml-6">
<Link
className="ms-6 text-lg font-semibold hover:text-indigo-700"
className="text-lg font-semibold hover:text-indigo-700"
onClick={() =>
document
.getElementById("features")
@@ -27,18 +27,41 @@ export default function Navbar() {
</Link>
<Link
to="/editor"
className="ms-6 text-lg font-semibold hover:text-indigo-700"
className="text-lg font-semibold hover:text-indigo-700"
>
Editor
</Link>
<Link
to="/templates"
className="ms-6 text-lg font-semibold hover:text-indigo-700"
className="text-lg font-semibold hover:text-indigo-700"
>
Templates
</Link>
</div>
</div>
<div className="md:hidden block space-x-3">
<a
title="Jump to Github"
className="px-3 py-2 bg-zinc-100 hover:opacity-60 transition-all duration-300 rounded-full text-2xl"
href="https://github.com/drawdb-io/drawdb"
>
<i className="opacity-70 bi bi-github" />
</a>
<a
title="Follow us on X"
className="px-3 py-2 bg-zinc-100 hover:opacity-60 transition-all duration-300 rounded-full text-2xl"
href="https://x.com/drawDB_"
>
<i className="opacity-70 bi bi-twitter-x" />
</a>
<a
title="Join the community on Discord"
className="px-3 py-2 bg-zinc-100 hover:opacity-60 transition-all duration-300 rounded-full text-2xl"
href="https://discord.gg/BrjZgNrmR6"
>
<i className="opacity-70 bi bi-discord" />
</a>
</div>
<button
onClick={() => setOpenMenu((prev) => !prev)}
className="hidden md:inline-block h-[24px]"