Make logo a link

This commit is contained in:
Lukas Martinelli 2016-12-22 16:37:53 +01:00
parent 7f40f3b8ee
commit f5b3a81ba5

View file

@ -93,7 +93,7 @@ export default class Toolbar extends React.Component {
} }
downloadButton() { downloadButton() {
return <ToolbarAction onClick={this.props.onStyleDownload} big={true}> return <ToolbarAction onClick={this.props.onStyleDownload}>
<MdFileDownload /> <MdFileDownload />
<IconText>Download</IconText> <IconText>Download</IconText>
</ToolbarAction> </ToolbarAction>
@ -141,15 +141,18 @@ export default class Toolbar extends React.Component {
onToggleOpen={this.toggleSources.bind(this)} onToggleOpen={this.toggleSources.bind(this)}
/> />
} }
<ToolbarAction style={{ <ToolbarLink
href={"https://github.com/maputnik/editor"}
style={{
width: 180, width: 180,
textAlign: 'left', textAlign: 'left',
backgroundColor: colors.black, backgroundColor: colors.black,
padding: 5, padding: 5,
}}> }}
>
<img src="https://github.com/maputnik/editor/raw/master/media/maputnik.png" alt="Maputnik" style={{width: 30, height: 30, paddingRight: 5, verticalAlign: 'middle'}}/> <img src="https://github.com/maputnik/editor/raw/master/media/maputnik.png" alt="Maputnik" style={{width: 30, height: 30, paddingRight: 5, verticalAlign: 'middle'}}/>
<span style={{fontSize: 20, verticalAlign: 'middle' }}>Maputnik</span> <span style={{fontSize: 20, verticalAlign: 'middle' }}>Maputnik</span>
</ToolbarAction> </ToolbarLink>
<ToolbarAction onClick={this.toggleOpen.bind(this)}> <ToolbarAction onClick={this.toggleOpen.bind(this)}>
<MdOpenInBrowser /> <MdOpenInBrowser />
<IconText>Open</IconText> <IconText>Open</IconText>