Adding Amara 4th Skill Tree Icons

This commit is contained in:
Anthony Jung 2020-11-13 23:39:55 -08:00
parent 836cf30ae6
commit db31ed1243
21 changed files with 5 additions and 1 deletions

Binary file not shown.

After

Width:  |  Height:  |  Size: 6 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.3 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 5.7 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.9 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 4 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.8 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 5.5 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.8 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.2 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.5 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.9 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.1 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.8 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 5.2 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.6 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.4 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 5 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 5.5 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.9 KiB

View file

@ -148,6 +148,10 @@
--themeHue: 18; --themeHue: 18;
} }
.purple {
--themeHue: 287;
}
a { a {
color: inherit; color: inherit;
} }

View file

@ -60,7 +60,7 @@ export default class VaultHunter extends Component {
const trees = const trees =
Object.keys(this.state.skills).map((treeName, treeIndex) => { Object.keys(this.state.skills).map((treeName, treeIndex) => {
return ( return (
<div class={`${style.tree} ${[style.green, style.blue, style.red][treeIndex]}`}> <div class={`${style.tree} ${[style.green, style.blue, style.red, style.purple][treeIndex]}`}>
<style>{`.${style.tree}:nth-child(${treeIndex + 1}) { --invested: ${this.state.invested[treeIndex]}; --treeindex: ${treeIndex};}`}</style> <style>{`.${style.tree}:nth-child(${treeIndex + 1}) { --invested: ${this.state.invested[treeIndex]}; --treeindex: ${treeIndex};}`}</style>
<h2 class={style.treeName}>{ treeName }</h2> <h2 class={style.treeName}>{ treeName }</h2>
<div class={style.skills}> <div class={style.skills}>