tyrel
/
learnin-some-vue
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

html clean

This commit is contained in:
Tyrel Souza 2018-04-14 00:57:31 -04:00
parent 24ab7f8e53
commit 0be4aad7da
No known key found for this signature in database
GPG Key ID: 5A9394D4C30AEAC0
1 changed files with 14 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
monster_game/index.html
View File

@ -12,16 +12,22 @@
<div class="small-6 columns">
<h1 class="text-center">YOU</h1>
<div class="healthbar">
<div class="healthbar text-center" style="background-color: green; margin: 0; color: white;" :style="pHPStyle">
{{pHP}}
<div class="healthbar text-center"
style="background-color: green; margin: 0; color: white;"
:style="pHPStyle"
>
{{pHP}}
</div>
</div>
</div>
<div class="small-6 columns">
<h1 class="text-center">MONSTER</h1>
<div class="healthbar">
<div class="healthbar text-center" style="background-color: green; margin: 0; color: white;" :style="mHPStyle">
{{mHP}}
<div class="healthbar text-center"
style="background-color: green; margin: 0; color: white;"
:style="mHPStyle"
>
{{mHP}}
</div>
</div>
</div>
@ -42,8 +48,10 @@
<section class="row log">
<div class="small-12 columns">
<ul>
<li v-for="log in logs" :class="[{'player-turn': log.isPlayer, 'monster-turn': !log.isPlayer}]">
{{log.text}}
<li v-for="log in logs"
:class="[{'player-turn': log.isPlayer, 'monster-turn': !log.isPlayer}]"
>
{{log.text}}
</li>
</ul>