mirror/chinese-colors
2
0
Fork 1
mirror of https://github.com/zerosoul/chinese-colors.git synced 2024-11-27 04:40:12 +08:00
Code Issues Packages Projects Releases Wiki Activity

feat: hide header when mobile

Browse Source
This commit is contained in:
tristan 2019-09-12 16:34:01 +08:00
parent ea53dd71dc
commit 79f72cc86b
1 changed files with 3 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/components/Header.js
View File

@ -1,5 +1,6 @@
import React from 'react';
import styled from 'styled-components';
import { useMobile } from '../hooks';
import Logo from '../assets/img/logo.png';
const Wrapper = styled.header`
display: flex;
@ -23,7 +24,8 @@ const Wrapper = styled.header`
}
`;
export default function Header() {
return (
const { isMobile } = useMobile();
return isMobile ? null : (
<Wrapper>
<img className="logo" src={Logo} alt="logo" />
<h1>chinese color</h1>