FilesExpand file tree

 api-docs

/

header.tsx

Copy path

Blame

More file actions

Blame

More file actions

Latest commit

 

History

History

History

43 lines (40 loc) · 1018 Bytes

 api-docs

/

header.tsx

Top

File metadata and controls

• Code
• Blame

43 lines (40 loc) · 1018 Bytes

Raw

Copy raw file

Download raw file

Open symbols panel

Edit and raw actions

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

32

33

34

35

36

37

38

39

40

41

42

43

import { Link } from 'gatsby';

import React from 'react';

import { css, SerializedStyles } from '@emotion/core';

import logo from '../images/logo.svg';

const ulStyles: SerializedStyles = css`

@media (max-width: 380px) {

padding: 0;

}

margin: 0 auto;

padding: 0 4.8rem;

display: flex;

align-items: center;

list-style: none;

`;

const Header = () => (

<nav className="nav">

<ul css={ulStyles}>

<li>

<Link to="/" style={{ display: 'block' }}>

<img src={logo} alt="Node.js" className="nav__logo" />

</Link>

</li>

<li className="nav__tabs">

<a href="/learn">Learn</a>

</li>

<li className="nav__tabs">

<a href="/docs">Documentation</a>

</li>

<li className="nav__tabs">

<a href="/download">Download</a>

</li>

<li className="nav__tabs">

<a target="_blank" href="https://github.com/nodejs/nodejs.dev">

GitHub

</a>

</li>

</ul>

</nav>

);

export default Header;