Mark/esolang
1
0
Fork 0
Code Issues Packages Activity

Add proper logo to header

Browse Source
This commit is contained in:
Nilay Majorwar 2022-01-27 01:01:06 +05:30
parent 31b0d7b7b8
commit 2c9beef1e6
2 changed files with 7 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
ui/assets/logo.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 797 B

9
ui/header.tsx
View File

@ -1,4 +1,6 @@
import { Button, Card, Icon } from "@blueprintjs/core"; import { Button, Card, Icon } from "@blueprintjs/core";
import Image from "next/image";
import logoImg from "./assets/logo.png";
import { GitHubIcon } from "./custom-icons"; import { GitHubIcon } from "./custom-icons";
import { useDarkMode } from "./providers/dark-mode-provider"; import { useDarkMode } from "./providers/dark-mode-provider";
@ -7,8 +9,11 @@ export const Header = ({ langName }: { langName: string }) => {
const brandSection = ( const brandSection = (
<div style={{ flex: 1, textAlign: "left" }}> <div style={{ flex: 1, textAlign: "left" }}>
<Button minimal large icon={<Icon icon="code-block" intent="primary" />}> <Button minimal large>
Esolang Park <div style={{ display: "flex", alignItems: "center" }}>
<Image src={logoImg} width={20} height={20} />
<span style={{ marginLeft: 10 }}>Esolang Park</span>
</div>
</Button> </Button>
</div> </div>
); );