acid-info/logos-ordinals-dashboard
1
0
Fork 0
mirror of https://github.com/acid-info/logos-ordinals-dashboard.git synced 2025-01-27 13:45:01 +00:00
Code Issues Packages Projects Releases Wiki Activity

chore: add gitbook

Browse Source
This commit is contained in:
jinhojang6 2024-10-16 21:55:25 +09:00
parent 6a1bc2c832
commit 2dc90344d9
No known key found for this signature in database
GPG Key ID: 1762F21FE8B543F8
2 changed files with 60 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

29
src/components/HamburgerMenu/HamburgerMenu.tsx
View File

@ -1,5 +1,6 @@
import { breakpoints } from '@/configs/ui.configs'
import styled from '@emotion/styled'
import Link from 'next/link'
import { useState } from 'react'
import Navbar from '../Header/Navbar/Navbar'
@ -35,6 +36,27 @@ const HamburguerMenuContainer = styled.div`
gap: 24px;
`
const GitbookButton = styled.button`
display: flex;
padding: 10px 12px;
justify-content: center;
align-items: center;
gap: 8px;
border: 1px solid rgb(var(--lsd-border-primary));
background: transparent;
border-radius: 32px;
width: 100%;
height: 40px;
font-size: 12px;
line-height: 16px;
letter-spacing: 0.12px;
margin-top: 24px;
color: white;
cursor: pointer;
`
const HamburguerMenu = () => {
const [isOpen, setIsOpen] = useState(false)
@ -49,6 +71,13 @@ const HamburguerMenu = () => {
{isOpen && (
<HamburguerMenuContainer>
<Navbar />
<Link
href="https://app.gitbook.com/o/JaXLyutHsCMnV7ROVSHw/s/Q0TLtn9WN6DR3Lzv4Gcs/logos-operators/pillars-and-contributions"
passHref
target="_blank"
>
<GitbookButton>Gitbook</GitbookButton>
</Link>
</HamburguerMenuContainer>
)}
</>

31
src/components/Header/Header/Header.tsx
View File

@ -17,6 +17,15 @@ const Header: React.FC<NavbarProps> = () => {
<Navbar />
</DesktopNavbar>
<UserActions>
<Link
href="https://app.gitbook.com/o/JaXLyutHsCMnV7ROVSHw/s/Q0TLtn9WN6DR3Lzv4Gcs/logos-operators/pillars-and-contributions"
passHref
target="_blank"
>
<GitbookButton>
<span>Gitbook</span>
</GitbookButton>
</Link>
<Link
href="https://discord.com/invite/logosnetwork"
passHref
@ -127,4 +136,26 @@ const Icon = styled.img`
padding: 0;
`
const GitbookButton = styled.button`
display: flex;
padding: 6px 12px;
justify-content: center;
align-items: center;
gap: 8px;
border: 1px solid rgb(var(--lsd-border-primary));
background: transparent;
border-radius: 32px;
font-size: 12px;
line-height: 16px;
letter-spacing: 0.12px;
color: white;
cursor: pointer;
@media (max-width: ${breakpoints.sm}px) {
display: none;
}
`
export default Header