summaryrefslogtreecommitdiff
path: root/src/web/app
diff options
context:
space:
mode:
authorsyuilo <syuilotan@yahoo.co.jp>2018-03-16 23:38:25 +0900
committersyuilo <syuilotan@yahoo.co.jp>2018-03-16 23:38:25 +0900
commit8da0b058ab88e7bb59676c452e159f6c714e408e (patch)
tree5c2782f8496597965bab1e8a36dfe0d23f8471b5 /src/web/app
parent:v: (diff)
downloadsharkey-8da0b058ab88e7bb59676c452e159f6c714e408e.tar.gz
sharkey-8da0b058ab88e7bb59676c452e159f6c714e408e.tar.bz2
sharkey-8da0b058ab88e7bb59676c452e159f6c714e408e.zip
:v:
Diffstat (limited to 'src/web/app')
-rw-r--r--src/web/app/common/views/components/othello.game.vue7
1 files changed, 6 insertions, 1 deletions
diff --git a/src/web/app/common/views/components/othello.game.vue b/src/web/app/common/views/components/othello.game.vue
index 1c88c5d442..414d819a55 100644
--- a/src/web/app/common/views/components/othello.game.vue
+++ b/src/web/app/common/views/components/othello.game.vue
@@ -17,13 +17,14 @@
<div v-for="(stone, i) in o.board"
:class="{ empty: stone == null, none: o.map[i] == 'null', isEnded: game.is_ended, myTurn: !game.is_ended && isMyTurn, can: turnUser ? o.canPut(turnUser.id == blackUser.id, i) : null, prev: o.prevPos == i }"
@click="set(i)"
+ :title="'[' + (o.transformPosToXy(i)[0] + 1) + ', ' + (o.transformPosToXy(i)[1] + 1) + '] (' + i + ')'"
>
<img v-if="stone === true" :src="`${blackUser.avatar_url}?thumbnail&size=128`" alt="">
<img v-if="stone === false" :src="`${whiteUser.avatar_url}?thumbnail&size=128`" alt="">
</div>
</div>
- <p><b>{{ logPos }}ターン目</b> 黒:{{ o.blackCount }} 白:{{ o.whiteCount }} 合計:{{ o.blackCount + o.whiteCount }}</p>
+ <p class="status"><b>{{ logPos }}ターン目</b> 黒:{{ o.blackCount }} 白:{{ o.whiteCount }} 合計:{{ o.blackCount + o.whiteCount }}</p>
<div class="player" v-if="game.is_ended">
<el-button-group>
@@ -309,6 +310,10 @@ export default Vue.extend({
> div:last-child
background #ccc
+ > .status
+ margin 0
+ padding 16px 0
+
> .player
padding-bottom 32px