diff options
Diffstat (limited to 'resources/css/battle.css')
-rw-r--r-- | resources/css/battle.css | 34 |
1 files changed, 28 insertions, 6 deletions
diff --git a/resources/css/battle.css b/resources/css/battle.css index 2c09e5a..0052072 100644 --- a/resources/css/battle.css +++ b/resources/css/battle.css @@ -78,15 +78,25 @@ .battle__monster-img { cursor: pointer; transition-property: filter; + + width: 90px; } .battle__monster-img.damaged { filter: brightness(2); } -.battle__monster-sprite__animation { + +.battle__technique-animation { position: fixed; z-index: 10; } +.battle__opponent__trainer-sprite { + position: absolute; + top: 0; + right: 0; + height: 120px; +} + .battle__monster-technique { background-color: beige; border: 2px solid #000; @@ -97,18 +107,27 @@ cursor: pointer; } -.battle__monster-technique__name {} -.battle__monster-technique__types {} -.battle__monster-technique__power {} -.battle__monster--player { - flex-direction: row-reverse; + + + +.battle__monster--opponent { + align-items: flex-start; } + .battle__monster--opponent .battle__monster-info-exp, .battle__monster--opponent .battle__monster-technique { display: none; } +.battle__monster--player { + flex-direction: row-reverse; + align-items: flex-end; +} + + + + .exp-bar { width: 100%; } @@ -124,6 +143,9 @@ width: 0%; } + + + .hp-bar { flex-grow: 1; } |