Add spacer layout element.
This commit is contained in:
parent
4a2de733a5
commit
58d3bc8d0f
|
@ -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 />
|
||||||
|
|
|
@ -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> </span>>);
|
return (<span> </span>);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in New Issue