Add spacer layout element.

This commit is contained in:
Dorian 2017-11-03 08:38:22 -04:00
parent 4a2de733a5
commit 58d3bc8d0f
2 changed files with 8 additions and 4 deletions

View File

@ -28,14 +28,18 @@ import {pageStore, siteStore} from '../stores';
export class App extends Component { export class App extends Component {
render() { render() {
const pageTitle = `${pageStore.title} - ${siteStore.name}`; const pageTitle = `${pageStore.title} - ${siteStore.name}`;
const appStyle = {
display: 'flex',
flexDirection: 'row',
justifyContent: 'center',
};
// TODO: Figure out the favicon issue with Helmet not rendering content.
return ( return (
<div style={{display: 'flex', flexDirection: 'row', justifyContent: 'center'}}> <div style={ appStyle }>
<Helmet <Helmet
title={ pageTitle } title={ pageTitle }
link={ [ link={ [
{rel: 'icon', type: 'image/icon', href: 'this.props.site.favicon'} {rel: 'icon', type: 'image/icon', href: siteStore.config.favicon}
] } /> ] } />
<ControlPanel /> <ControlPanel />

View File

@ -12,6 +12,6 @@ import {h, render, Component} from 'preact'; /** @jsx h*/
export class Spacer extends Component { export class Spacer extends Component {
render() { render() {
return (<span>&nbsp;</span>>); return (<span>&nbsp;</span>);
} }
} }