From 0d30b9573ba35ad24d78b92743ad0dda8a19b7af Mon Sep 17 00:00:00 2001
From: Michal Sapka <michal@sapka.me>
Date: Sat, 10 Sep 2022 23:55:02 +0200
Subject: feat: resize logo

---
 components/topnav.tsx | 13 +++++++++----
 1 file changed, 9 insertions(+), 4 deletions(-)

(limited to 'components/topnav.tsx')

diff --git a/components/topnav.tsx b/components/topnav.tsx
index fa189f2..ad062a2 100644
--- a/components/topnav.tsx
+++ b/components/topnav.tsx
@@ -9,13 +9,16 @@ import {
   MenuList,
   MenuItem,
   Container,
-  Image,
   useMediaQuery,
   useColorModeValue
 } from '@chakra-ui/react'
 import { GiHamburgerMenu } from "react-icons/gi"
 import { DiGithubBadge } from "react-icons/di"
 import ThemeToggleButton from "../components/toggle_theme_button"
+import Image from "../lib/next_image"
+
+import LogoLight from "../public/images/logo_light.png"
+import LogoDark from "../public/images/logo_dark.png"
 
 function MobileNav() {
   return <>
@@ -56,10 +59,12 @@ export default function Navbar() {
       mb="1"
     >
       <HStack>
-        <Box minW="189px" h={["22px", "22px", "30px", "30px"]} flex="0" >
+        <Box minW="170px" h={["22px", "22px", "30px", "30px"]} flex="0" >
           <Image 
-            h="24px" 
-            src={useColorModeValue("images/logo_light.png", "images/logo_dark.png")}
+            height="24px" 
+            width="165px"
+            quality="100"
+            src={useColorModeValue(LogoLight, LogoDark)}
             />
         </Box>
         <Box flex="1">
-- 
cgit v1.2.3

