GitHub/jsoncrack.com
1
0
Fork 0
mirror of https://github.com/AykutSarac/jsoncrack.com.git synced 2025-01-27 15:22:56 +08:00
Code Issues Packages Projects Releases Wiki Activity

update navbar logo

Browse Source
This commit is contained in:
AykutSarac 2024-09-10 22:14:00 +03:00
parent 0786a5df61
commit f49e7d9d43
No known key found for this signature in database
2 changed files with 8 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
public/assets/todiagram_logo.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 4.5 KiB

11
src/layout/Navbar.tsx
View File

@ -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