p5.js-web-editor/client/components/mobile/Header.jsx
2020-06-29 19:54:48 -03:00

30 lines
606 B
JavaScript

import React from 'react';
import styled from 'styled-components';
import { prop, remSize } from '../../theme';
const background = prop('Panel.default.background');
const textColor = prop('primaryTextColor');
const Header = styled.div`
position: fixed;
width: 100%;
background: ${background};
color: ${textColor};
padding: ${remSize(12)};
padding-left: ${remSize(16)};
padding-right: ${remSize(16)};
z-index: 1;
display: flex;
flex: 1;
flex-direction: row;
justify-content: flex-start;
align-items: center;
// TODO:
svg {
height: 2rem;
}
`;
export default Header;