alexandre/PaletteSwitcher
1
0
Fork 0
Code Issues 3 Pull Requests Actions Packages Projects Releases Activity

Tighten header

Browse Source
This commit is contained in:
CrispyBaguette 2022-05-08 15:28:37 +02:00
parent 232d5f269a
commit 023752045e
1 changed files with 34 additions and 32 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

66
client/src/Header.tsx
View File

@ -5,42 +5,44 @@ import ThemeToggler from "./ThemeToggler";
function Header() {
return (
<header className="flex items-center bg-nord-1 text-nord-5 py-3 px-2">
<a
target="_blank"
rel="noopener noreferrer"
href="https://github.com/CrispyBaguette/wasm-palette-converter"
>
<FontAwesomeIcon
icon={faGithub}
className="fa-2x hover:text-nord-7 mx-2"
/>
</a>
<a
target="_blank"
rel="noopener noreferrer"
href="https://blog.bruyant.xyz"
>
<FontAwesomeIcon
icon={faIgloo}
className="fa-2x hover:text-nord-7 mx-2"
/>
</a>
<span className="text-sm">
Powered by{" "}
<header className="bg-nord-1 text-nord-5 py-3 px-2">
<div className="flex container items-center mx-auto">
<a
href="https://ipfs.io"
target="_blank"
rel="noreferrer"
className="bg-nord-5 text-nord-1 hover:bg-nord-7 px-1 "
rel="noopener noreferrer"
href="https://github.com/CrispyBaguette/wasm-palette-converter"
>
IPFS
<FontAwesomeIcon
icon={faGithub}
className="fa-2x hover:text-nord-7 mx-2"
/>
</a>
. Visit using your own node !
</span>
<span className="ml-auto">
<ThemeToggler />
</span>
<a
target="_blank"
rel="noopener noreferrer"
href="https://blog.bruyant.xyz"
>
<FontAwesomeIcon
icon={faIgloo}
className="fa-2x hover:text-nord-7 mx-2"
/>
</a>
<span className="text-sm">
Powered by{" "}
<a
href="https://ipfs.io"
target="_blank"
rel="noreferrer"
className="bg-nord-5 text-nord-1 hover:bg-nord-7 px-1 "
>
IPFS
</a>
. Visit using your own node !
</span>
<span className="ml-auto">
<ThemeToggler />
</span>
</div>
</header>
);
}