diff options
| -rw-r--r-- | components/topnav.tsx | 9 | ||||
| -rw-r--r-- | public/images/logo_dark.png | bin | 0 -> 1094987 bytes | |||
| -rw-r--r-- | public/images/logo_light.jpg | bin | 0 -> 1970392 bytes | |||
| -rw-r--r-- | public/images/logo_light.png | bin | 0 -> 1118931 bytes |
4 files changed, 7 insertions, 2 deletions
diff --git a/components/topnav.tsx b/components/topnav.tsx index e1cdb71..fa189f2 100644 --- a/components/topnav.tsx +++ b/components/topnav.tsx @@ -5,11 +5,11 @@ import { Icon, IconButton, Menu, - Heading, MenuButton, MenuList, MenuItem, Container, + Image, useMediaQuery, useColorModeValue } from '@chakra-ui/react' @@ -56,7 +56,12 @@ export default function Navbar() { mb="1" > <HStack> - <Heading flex="0" mr="20px">Michal </Heading> + <Box minW="189px" h={["22px", "22px", "30px", "30px"]} flex="0" > + <Image + h="24px" + src={useColorModeValue("images/logo_light.png", "images/logo_dark.png")} + /> + </Box> <Box flex="1"> {isMobile ? null : <DesktopNav/>} </Box> diff --git a/public/images/logo_dark.png b/public/images/logo_dark.png Binary files differnew file mode 100644 index 0000000..dbcb364 --- /dev/null +++ b/public/images/logo_dark.png diff --git a/public/images/logo_light.jpg b/public/images/logo_light.jpg Binary files differnew file mode 100644 index 0000000..2cc18e3 --- /dev/null +++ b/public/images/logo_light.jpg diff --git a/public/images/logo_light.png b/public/images/logo_light.png Binary files differnew file mode 100644 index 0000000..f1dd116 --- /dev/null +++ b/public/images/logo_light.png |
