chore: add gitbook
This commit is contained in:
parent
6a1bc2c832
commit
2dc90344d9
|
@ -1,5 +1,6 @@
|
||||||
import { breakpoints } from '@/configs/ui.configs'
|
import { breakpoints } from '@/configs/ui.configs'
|
||||||
import styled from '@emotion/styled'
|
import styled from '@emotion/styled'
|
||||||
|
import Link from 'next/link'
|
||||||
import { useState } from 'react'
|
import { useState } from 'react'
|
||||||
import Navbar from '../Header/Navbar/Navbar'
|
import Navbar from '../Header/Navbar/Navbar'
|
||||||
|
|
||||||
|
@ -35,6 +36,27 @@ const HamburguerMenuContainer = styled.div`
|
||||||
gap: 24px;
|
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 HamburguerMenu = () => {
|
||||||
const [isOpen, setIsOpen] = useState(false)
|
const [isOpen, setIsOpen] = useState(false)
|
||||||
|
|
||||||
|
@ -49,6 +71,13 @@ const HamburguerMenu = () => {
|
||||||
{isOpen && (
|
{isOpen && (
|
||||||
<HamburguerMenuContainer>
|
<HamburguerMenuContainer>
|
||||||
<Navbar />
|
<Navbar />
|
||||||
|
<Link
|
||||||
|
href="https://app.gitbook.com/o/JaXLyutHsCMnV7ROVSHw/s/Q0TLtn9WN6DR3Lzv4Gcs/logos-operators/pillars-and-contributions"
|
||||||
|
passHref
|
||||||
|
target="_blank"
|
||||||
|
>
|
||||||
|
<GitbookButton>Gitbook</GitbookButton>
|
||||||
|
</Link>
|
||||||
</HamburguerMenuContainer>
|
</HamburguerMenuContainer>
|
||||||
)}
|
)}
|
||||||
</>
|
</>
|
||||||
|
|
|
@ -17,6 +17,15 @@ const Header: React.FC<NavbarProps> = () => {
|
||||||
<Navbar />
|
<Navbar />
|
||||||
</DesktopNavbar>
|
</DesktopNavbar>
|
||||||
<UserActions>
|
<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
|
<Link
|
||||||
href="https://discord.com/invite/logosnetwork"
|
href="https://discord.com/invite/logosnetwork"
|
||||||
passHref
|
passHref
|
||||||
|
@ -127,4 +136,26 @@ const Icon = styled.img`
|
||||||
padding: 0;
|
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
|
export default Header
|
||||||
|
|
Loading…
Reference in New Issue