Adding Amara 4th Skill Tree Icons
BIN
src/assets/hunters/Siren/300.png
Normal file
After Width: | Height: | Size: 6 KiB |
BIN
src/assets/hunters/Siren/310.png
Normal file
After Width: | Height: | Size: 4.3 KiB |
BIN
src/assets/hunters/Siren/311.png
Normal file
After Width: | Height: | Size: 5.7 KiB |
BIN
src/assets/hunters/Siren/312.png
Normal file
After Width: | Height: | Size: 4.9 KiB |
BIN
src/assets/hunters/Siren/320.png
Normal file
After Width: | Height: | Size: 4 KiB |
BIN
src/assets/hunters/Siren/321.png
Normal file
After Width: | Height: | Size: 3.8 KiB |
BIN
src/assets/hunters/Siren/322.png
Normal file
After Width: | Height: | Size: 5.5 KiB |
BIN
src/assets/hunters/Siren/323.png
Normal file
After Width: | Height: | Size: 4.8 KiB |
BIN
src/assets/hunters/Siren/324.png
Normal file
After Width: | Height: | Size: 3.2 KiB |
BIN
src/assets/hunters/Siren/330.png
Normal file
After Width: | Height: | Size: 3.5 KiB |
BIN
src/assets/hunters/Siren/331.png
Normal file
After Width: | Height: | Size: 4.9 KiB |
BIN
src/assets/hunters/Siren/332.png
Normal file
After Width: | Height: | Size: 4.1 KiB |
BIN
src/assets/hunters/Siren/340.png
Normal file
After Width: | Height: | Size: 2.8 KiB |
BIN
src/assets/hunters/Siren/341.png
Normal file
After Width: | Height: | Size: 5.2 KiB |
BIN
src/assets/hunters/Siren/350.png
Normal file
After Width: | Height: | Size: 4.6 KiB |
BIN
src/assets/hunters/Siren/351.png
Normal file
After Width: | Height: | Size: 4.4 KiB |
BIN
src/assets/hunters/Siren/352.png
Normal file
After Width: | Height: | Size: 5 KiB |
BIN
src/assets/hunters/Siren/353.png
Normal file
After Width: | Height: | Size: 5.5 KiB |
BIN
src/assets/hunters/Siren/360.png
Normal file
After Width: | Height: | Size: 4.9 KiB |
|
@ -148,6 +148,10 @@
|
|||
--themeHue: 18;
|
||||
}
|
||||
|
||||
.purple {
|
||||
--themeHue: 287;
|
||||
}
|
||||
|
||||
a {
|
||||
color: inherit;
|
||||
}
|
||||
|
|
|
@ -60,7 +60,7 @@ export default class VaultHunter extends Component {
|
|||
const trees =
|
||||
Object.keys(this.state.skills).map((treeName, treeIndex) => {
|
||||
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>
|
||||
<h2 class={style.treeName}>{ treeName }</h2>
|
||||
<div class={style.skills}>
|
||||
|
|