d-bis/impersonator
4
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

set logo in navbar

Browse Source
This commit is contained in:
apoorvlathey
2023-06-21 17:27:12 +05:30
parent 46ed987303
commit 03ed4b3ed3
1 changed files with 7 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
src/components/Navbar.tsx
View File

@@ -6,6 +6,9 @@ import {
Spacer, Spacer,
Box, Box,
Link, Link,
HStack,
Text,
Image,
} from "@chakra-ui/react"; } from "@chakra-ui/react";
import { SunIcon, MoonIcon } from "@chakra-ui/icons"; import { SunIcon, MoonIcon } from "@chakra-ui/icons";
import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"; import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
@@ -28,7 +31,10 @@ function Navbar() {
fontSize={{ base: "2xl", sm: "3xl", md: "4xl" }} fontSize={{ base: "2xl", sm: "3xl", md: "4xl" }}
pr="2rem" pr="2rem"
> >
🎭 Impersonator 🕵️ <HStack>
<Image src="/logo.png" w="3rem" mr="1rem" />
<Text>Impersonator</Text>
</HStack>
</Heading> </Heading>
<Flex flex="1" justifyContent="flex-end" alignItems={"center"}> <Flex flex="1" justifyContent="flex-end" alignItems={"center"}>
<Button onClick={toggleColorMode} rounded="full" h="40px" w="40px"> <Button onClick={toggleColorMode} rounded="full" h="40px" w="40px">