Start copy/save butons

main
Jake Dexheimer 8 years ago
parent c85f0553a1
commit 0f97acbe5e

@ -0,0 +1,5 @@
import React from 'react'
export default (props) => (
<div></div>
)

@ -39,8 +39,8 @@ export default class extends React.Component {
<Dropdown list={langauges} />
<ColorPicker />
<Settings />
<div className="toolbarbtn copy"><span>Copy Imgur Link</span></div>
<div className="toolbarbtn dl"><span>Save Image</span></div>
<div className="toolbar-btn copy"><span>Copy Imgur Link</span></div>
<div className="toolbar-btn dl"><span>Save Image</span></div>
<style jsx>{`
#toolbar {
width: 100%;
@ -50,6 +50,28 @@ export default class extends React.Component {
position: relative;
z-index: 1;
}
.toolbar-btn {
height: 37px;
display: flex;
align-items: center;
justify-content: center;
padding: 0 16px;
color: #000;
border: 0.5px solid #333;
border-radius: 3px;
}
.copy {
background: #84ACFC;
border-radius: 3px 0px 0px 3px;
}
.dl {
background: #C3E98D;
border-radius: 0px 3px 3px 0px;
border-left: 0px;
}
`}</style>
</div>
)

Loading…
Cancel
Save