Mark/esolang
1
0
Fork 0
Code Issues Packages Activity

Minor UI improvements in app header

Browse Source
This commit is contained in:
Nilay Majorwar 2021-12-27 16:02:21 +05:30
parent 6828537153
commit a4c0ad61e4
1 changed files with 6 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
ui/header.tsx
View File

@ -21,10 +21,14 @@ export const Header = ({ langName }: { langName: string }) => {
<div style={{ flex: 1, textAlign: "right", paddingRight: 8 }}> <div style={{ flex: 1, textAlign: "right", paddingRight: 8 }}>
<Button <Button
minimal minimal
icon={<Icon icon="moon" />} title="Toggle between dark and light mode"
icon={<Icon icon={DarkMode.isDark ? "flash" : "moon"} />}
onClick={DarkMode.toggleDark} onClick={DarkMode.toggleDark}
/> />
<a href="https://github.com/nilaymaj/esolang-park"> <a
href="https://github.com/nilaymaj/esolang-park"
title="GitHub repository"
>
<Button minimal icon={<Icon icon={<GitHubIcon />} />} /> <Button minimal icon={<Icon icon={<GitHubIcon />} />} />
</a> </a>
</div> </div>