diff --git a/Apps/HeroSkillsCardV1/content.hbs b/Apps/HeroSkillsCardV1/content.hbs index 8a6ebef..3f6db8d 100644 --- a/Apps/HeroSkillsCardV1/content.hbs +++ b/Apps/HeroSkillsCardV1/content.hbs @@ -45,7 +45,7 @@
{{ rc-i18n "RipCrypt.common.gear" }} - {{ rc-i18n "RipCrypt.common.slots" }} + {{ rc-i18n "RipCrypt.common.slot" }}
  1. @@ -61,4 +61,49 @@
+ +
+
+ <{{{ifThen meta.editable "label" "div" }}} + for="{{meta.idp}}-gold" + class="label" + > + {{ rc-i18n "RipCrypt.common.currency.gold"}} + + +
+
+ <{{{ifThen meta.editable "label" "div" }}} + for="{{meta.idp}}-silver" + class="label" + > + {{ rc-i18n "RipCrypt.common.currency.silver"}} + + +
+
+ <{{{ifThen meta.editable "label" "div" }}} + for="{{meta.idp}}-copper" + class="label" + > + {{ rc-i18n "RipCrypt.common.currency.copper"}} + + +
+
\ No newline at end of file diff --git a/Apps/HeroSkillsCardV1/style.css b/Apps/HeroSkillsCardV1/style.css index 59aca21..c5f77be 100644 --- a/Apps/HeroSkillsCardV1/style.css +++ b/Apps/HeroSkillsCardV1/style.css @@ -90,4 +90,33 @@ color: var(--alt-row-text); } } + + .currencies { + grid-column: 1 / span 2; + grid-row: 13 / span 1; + display: grid; + column-gap: var(--col-gap); + grid-template-columns: repeat(3, minmax(0, 1fr)); + + .currency { + display: grid; + grid-template-columns: minmax(0, 1.5fr) minmax(0, 1fr); + align-items: center; + background: var(--section-header-background); + color: var(--section-header-text); + --input-background: black; + --input-text: white; + + .input { + margin: 2px; + border-radius: 999px; + /* border-bottom: none; */ + text-align: center; + } + } + } + + .half-pill { + border-radius: 0 999px 999px 0; + } } diff --git a/langs/en-ca.json b/langs/en-ca.json index d7e9051..460e963 100644 --- a/langs/en-ca.json +++ b/langs/en-ca.json @@ -41,7 +41,12 @@ "step": "Step", "rank": "Rank", "gear": "Gear", - "slots": "Slots" + "slot": "Slot", + "currency": { + "gold": "Gold", + "silver": "Silver", + "copper": "Copper" + } }, "setting": { "abbrAccess": {