|
|
@ -39,8 +39,8 @@ export default class extends React.Component {
|
|
|
|
<Dropdown list={langauges} />
|
|
|
|
<Dropdown list={langauges} />
|
|
|
|
<ColorPicker />
|
|
|
|
<ColorPicker />
|
|
|
|
<Settings />
|
|
|
|
<Settings />
|
|
|
|
<div className="toolbarbtn copy"><span>Copy Imgur Link</span></div>
|
|
|
|
<div className="toolbar-btn copy"><span>Copy Imgur Link</span></div>
|
|
|
|
<div className="toolbarbtn dl"><span>Save Image</span></div>
|
|
|
|
<div className="toolbar-btn dl"><span>Save Image</span></div>
|
|
|
|
<style jsx>{`
|
|
|
|
<style jsx>{`
|
|
|
|
#toolbar {
|
|
|
|
#toolbar {
|
|
|
|
width: 100%;
|
|
|
|
width: 100%;
|
|
|
@ -50,6 +50,28 @@ export default class extends React.Component {
|
|
|
|
position: relative;
|
|
|
|
position: relative;
|
|
|
|
z-index: 1;
|
|
|
|
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>
|
|
|
|
`}</style>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
)
|
|
|
|
)
|
|
|
|