diff --git a/src/components/Skill/index.css b/src/components/Skill/index.css index 7c2ff71..65ce93e 100644 --- a/src/components/Skill/index.css +++ b/src/components/Skill/index.css @@ -3,8 +3,8 @@ flex: 0 1 auto; margin: 0.5rem; padding: 0rem; - height: 2.5rem; - width: 2.5rem; + height: 2rem; + width: 2rem; line-height: 1; display: flex; text-align: center; @@ -80,12 +80,13 @@ .augment, .actionSkill { margin: 0; padding: 0.5rem; - height: 3.5em; - width: 3.5em; + height: 3em; + width: 3em; } .augment { background-color: var(--themeColor); + z-index: 0; } .augment:first-child { @@ -111,7 +112,7 @@ mix-blend-mode: luminosity; } .image > img { - width: 2.3em; + width: 1.8em; opacity: 0.5; } diff --git a/src/components/VaultHunter/index.css b/src/components/VaultHunter/index.css index 37f478d..4e85b09 100644 --- a/src/components/VaultHunter/index.css +++ b/src/components/VaultHunter/index.css @@ -100,7 +100,7 @@ display: flex; flex-direction: column; margin: 1rem; - padding: 0 3.5rem; + padding: 0 3rem; background-image: linear-gradient(0deg, var(--themeColor), var(--themeColor)); background-size: 100% calc(100% - 1.5rem); background-repeat: no-repeat; @@ -112,11 +112,12 @@ .skills { position: relative; user-select: none; - height: calc(3.5rem * 7) + height: calc(3rem * 7) } .skills:before { - --gradientStop: calc(var(--invested)* 0.7rem + 3.5rem + 1.65rem); + /* --gradientStop: calc(var(--invested)* 0.7rem + 3.5rem + 1.65rem); */ + --gradientStop: calc(var(--invested)* 0.6rem + 3rem + 1rem); content: ''; position: absolute; top: 1.85rem; @@ -133,7 +134,7 @@ } .tier { - width: calc(3.5rem * 3 + 0.5em); + width: calc(3.5rem * 3); justify-content: center; position: relative; } diff --git a/src/components/VaultHunter/index.js b/src/components/VaultHunter/index.js index 07af8aa..4dd882e 100644 --- a/src/components/VaultHunter/index.js +++ b/src/components/VaultHunter/index.js @@ -17,7 +17,7 @@ export default class VaultHunter extends Component { constructor (props) { super(props); this.state = { - invested: [0, 0, 0], + invested: [0, 0, 0, 0], skills: props.skills || {}, }; } @@ -52,7 +52,7 @@ export default class VaultHunter extends Component { const resetSkills = () => { setHash(initialSkills); this.setState({ - invested: [0, 0, 0], + invested: [0, 0, 0, 0], skills: initialSkills || {}, }); };