summaryrefslogtreecommitdiff
path: root/components
diff options
context:
space:
mode:
authorMichal Sapka <michal@sapka.me>2022-09-10 23:55:02 +0200
committerMichal Sapka <michal@sapka.me>2022-09-10 23:55:02 +0200
commit0d30b9573ba35ad24d78b92743ad0dda8a19b7af (patch)
treedfdbdd0bebada93b68b622849d11848c00fce303 /components
parentbd653ee25cb30be6c367582be14bd967494c03c0 (diff)
feat: resize logo
Diffstat (limited to 'components')
-rw-r--r--components/topnav.tsx13
1 files changed, 9 insertions, 4 deletions
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">