Leahnaya/chaoticbackup.github.io
1
0
Fork 0
mirror of https://github.com/chaoticbackup/chaoticbackup.github.io.git synced 2026-08-21 08:04:18 -05:00
Code Issues Actions Packages Projects Releases Wiki Activity

energy to the left

Browse Source
This commit is contained in:
Unknown
2019-04-14 15:43:28 -04:00
parent b10a49a204
commit 32d3ce222f
2 changed files with 21 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

23
src/components/collection/types/Creature.js
View File

@@ -41,13 +41,22 @@ export default class Creature extends React.Component {
<span className="flavortext">{card.gsx$flavortext}</span>
</div>
<br />
<div className="stats">
<span>{card.gsx$courage}&nbsp;<img className="icon16" src={"/src/img/icons/disciplines/courage.png"}></img></span><br />
<span>{card.gsx$power}&nbsp;<img className="icon16" src={"/src/img/icons/disciplines/power.png"}></img></span><br />
<span>{card.gsx$wisdom}&nbsp;<img className="icon16" src={"/src/img/icons/disciplines/wisdom.png"}></img></span><br />
<span>{card.gsx$speed}&nbsp;<img className="icon16" src={"/src/img/icons/disciplines/speed.png"}></img></span><br />
<span style={{fontWeight: 'bold'}}>{card.gsx$energy}</span>
</div>
<div className="stats">
<div className="energy">
{card.gsx$courage}<img className="icon16" src={"/src/img/icons/disciplines/courage.png"}></img>
</div>
<div className="energy">
{card.gsx$power}<img className="icon16"src={"/src/img/icons/disciplines/power.png"}></img>
</div>
<div className="energy">
{card.gsx$wisdom}<img className="icon16"src={"/src/img/icons/disciplines/wisdom.png"}></img>
</div>
<div className="energy">
{card.gsx$speed}<img className="icon16"src={"/src/img/icons/disciplines/speed.png"}></img>
</div>
<div className="energy" style={{fontWeight: 'bold'}}>{card.gsx$energy}
</div>
</div>
</div>
)
else return (

6
src/scss/collection.scss
View File

@@ -71,6 +71,11 @@
padding-top: 2px;
}
.energy {
display: flex;
width: 20px !important;
}
.left {
vertical-align: text-top;
float: left;
@@ -110,7 +115,6 @@
display: flex;
justify-content: center; /* align horizontal */
align-items: center; /* align vertical */
font-size: 16pt;
padding: 2%;
}