michal-sapka-me

commit bd653ee25cb30be6c367582be14bd967494c03c0
parent 248c08ac8f8480b3ed6965606d8d5d6e8d382d4f
Author: Michal Sapka <michal@sapka.me>
Date:   Sat, 10 Sep 2022 22:00:32 +0200

feat: add logos

Diffstat:
M
components/topnav.tsx
 | 
9
+++++++--
A
public/images/logo_dark.png
 | 
0

A
public/images/logo_light.jpg
 | 
0

A
public/images/logo_light.png
 | 
0

4 files changed, 7 insertions(+), 2 deletions(-)
diff --git 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 differ.
diff --git a/public/images/logo_light.jpg b/public/images/logo_light.jpg
Binary files differ.
diff --git a/public/images/logo_light.png b/public/images/logo_light.png
Binary files differ.