This commit is contained in:
ntr 2019-05-15 17:35:10 +10:00
parent cfb4f3f3b7
commit 64a1129100
4 changed files with 16 additions and 12 deletions

View File

@ -46,10 +46,10 @@
.opponent .game-cryp { .opponent .game-cryp {
grid-template-rows: auto auto minmax(0, 1fr) auto; grid-template-rows: auto auto minmax(0, 1fr) auto;
grid-template-areas: grid-template-areas:
". stats" "stats ."
". effects" "effects ."
"target avatar" "avatar target"
". skills"; "skills .";
} }
.game-cryp { .game-cryp {
@ -60,12 +60,12 @@
/*grid-template-rows: minmax(0, 1fr) minmax(0, 2fr) auto minmax(0, 1fr);*/ /*grid-template-rows: minmax(0, 1fr) minmax(0, 2fr) auto minmax(0, 1fr);*/
/*grid-template-columns: min-content minmax(0, 1fr);*/ /*grid-template-columns: min-content minmax(0, 1fr);*/
grid-template-columns: min-content 1fr 1fr; grid-template-columns: 1fr min-content 1fr;
grid-template-rows: 1fr 2fr 1fr; grid-template-rows: 1fr 2fr 1fr;
grid-template-areas: grid-template-areas:
". skills skills" "skills . ."
"target avatar avatar" "avatar target ."
"effects stats stats"; "stats effects .";
transition-property: all; transition-property: all;
transition-duration: 0.5s; transition-duration: 0.5s;

View File

@ -138,7 +138,7 @@ function GamePanel(props) {
{effects} {effects}
</div> </div>
<div className="targeting"> <div className="targeting">
<div>></div> <div>{'<'}</div>
</div> </div>
<figure <figure
className="img" className="img"

View File

@ -79,7 +79,7 @@ function GameCryp(props) {
{skills} {skills}
</div> </div>
<div className="targeting"> <div className="targeting">
<div>></div> <div>{'<'}</div>
</div> </div>
<figure <figure
className="img" className="img"

View File

@ -94,7 +94,10 @@ const game = {
"cd": 1 "cd": 1
} }
], ],
"effects": [], "effects": [{
effect: "Decay",
duration: 2,
}],
"specs": [], "specs": [],
"colours": { "colours": {
"red": 0, "red": 0,
@ -238,7 +241,8 @@ const game = {
"cd": 1 "cd": 1
} }
], ],
"effects": [], "effects": [
],
"specs": [], "specs": [],
"colours": { "colours": {
"red": 0, "red": 0,