summaryrefslogtreecommitdiff
path: root/components/topnav.tsx
diff options
context:
space:
mode:
authorMichal Sapka <michal@sapka.me>2022-09-07 21:59:21 +0200
committerMichal Sapka <michal@sapka.me>2022-09-07 21:59:21 +0200
commit35f65bb23e56f5b01f5b2efc0c0859da66108061 (patch)
tree0773ff807ebe93ea2befd5f73d079e19f0c5c508 /components/topnav.tsx
parent656639d9caac54db1a2160e529e06077829fa447 (diff)
feat: add brightness to topnav
Diffstat (limited to 'components/topnav.tsx')
-rw-r--r--components/topnav.tsx4
1 files changed, 3 insertions, 1 deletions
diff --git a/components/topnav.tsx b/components/topnav.tsx
index 80a6ce3..e1cdb71 100644
--- a/components/topnav.tsx
+++ b/components/topnav.tsx
@@ -9,8 +9,9 @@ import {
MenuButton,
MenuList,
MenuItem,
+ Container,
useMediaQuery,
- Container
+ useColorModeValue
} from '@chakra-ui/react'
import { GiHamburgerMenu } from "react-icons/gi"
import { DiGithubBadge } from "react-icons/di"
@@ -45,6 +46,7 @@ export default function Navbar() {
position="fixed"
backdropFilter="auto"
backdropBlur="6px"
+ backdropBrightness={useColorModeValue("1.1", "1")}
width="100%"
pt="5px"
>