update navbar logo

AykutSarac · Sep 10, 2024 · f49e7d9 · f49e7d9
1 parent 0786a5d
commit f49e7d9
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 3 deletions.
diff --git a/public/assets/todiagram_logo.png b/public/assets/todiagram_logo.png
diff --git a/src/layout/Navbar.tsx b/src/layout/Navbar.tsx
@@ -1,6 +1,6 @@
 import React from "react";
 import Link from "next/link";
-import { Button } from "@mantine/core";
+import { Button, Flex, Image, Stack } from "@mantine/core";
 import styled from "styled-components";
 import { JSONCrackLogo } from "./JsonCrackLogo";
 
@@ -43,7 +43,6 @@ const Center = styled.div`
   gap: 6px;
   align-items: center;
   white-space: nowrap;
-  width: 100%;
   justify-content: center;
 
   @media only screen and (max-width: 768px) {
@@ -56,7 +55,13 @@ export const Navbar = () => {
     <StyledNavbarWrapper className="navbar">
       <StyledNavbar>
         <Left>
-          <JSONCrackLogo fontSize="1.2rem" />
+          <Stack gap="0">
+            <JSONCrackLogo fontSize="1.2rem" />
+            <Flex justify="right" align="center" gap="4" fz="8" fw="500" c="black">
+              from
+              <Image src="/assets/todiagram_logo.png" alt="Todiagram Logo" w={60} />
+            </Flex>
+          </Stack>
         </Left>
         <Center>
           <Button