m/metamask-extension
1
0
Fork 0
mirror of https://github.com/kremalicious/metamask-extension.git synced 2024-12-23 09:52:26 +01:00
Code

tweaking styling

Browse Source
This commit is contained in:
Jason Clark 2017-11-24 14:18:46 -07:00
parent dc7bd3c628
commit 41be4714c2
2 changed files with 27 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
ui/app/components/blockies/blockies-component.js
View File

@ -3,25 +3,30 @@ const createElement = require('react').createElement
const blockies = require("ethereum-blockies"); const blockies = require("ethereum-blockies");
class BlockiesIdenticon extends Component { class BlockiesIdenticon extends Component {
constructor(props) { constructor(props) {
super(props); super(props);
} }
getOpts () { getOpts () {
return { return {
seed: this.props.seed || "foo", seed: this.props.seed,
color: this.props.color || "#dfe", color: this.props.color,
bgcolor: this.props.bgcolor || "#a71", bgcolor: this.props.bgcolor,
size: this.props.size || 15, size: this.props.size,
scale: this.props.scale || 3, scale: this.props.scale,
spotcolor: this.props.spotcolor || "#000" spotcolor: this.props.spotcolor,
}; };
} }
componentDidMount() { componentDidMount() {
this.draw(); this.draw();
} }
draw() { draw() {
blockies.render(this.getOpts(), this.canvas); blockies.render(this.getOpts(), this.canvas);
} }
render() { render() {
return createElement("canvas", {ref: canvas => this.canvas = canvas}); return createElement("canvas", {ref: canvas => this.canvas = canvas});
} }

19
ui/app/components/identicon.js
View File

@ -32,9 +32,22 @@ IdenticonComponent.prototype.render = function () {
return address return address
? ( ? (
useBlockie useBlockie
? h(BlockiesIdenticon, { ? h('div', {
seed: address, className: `${className} identicon`,
}) style: {
display: 'flex',
alignItems: 'center',
justifyContent: 'center',
height: diameter,
width: diameter,
borderRadius: diameter / 2,
overflow: 'hidden',
},
}, [
h(BlockiesIdenticon, {
seed: address
})
])
: h('div', { : h('div', {
className: `${className} identicon`, className: `${className} identicon`,
key: 'identicon-' + address, key: 'identicon-' + address,