|
|
|
@ -72,7 +72,7 @@ |
|
|
|
<template v-if="!roundActive">({{ dealerScore }})</template> |
|
|
|
<template v-if="!roundActive">({{ dealerScore }})</template> |
|
|
|
</h4> |
|
|
|
</h4> |
|
|
|
<div class="row"> |
|
|
|
<div class="row"> |
|
|
|
<div class="col-sm-1" v-for="(card, index) in dealersHand"> |
|
|
|
<div class="col-sm-2" v-for="(card, index) in dealersHand"> |
|
|
|
<img :src="index > 0 ? card.asset : roundActive ? cardBack : card.asset" :alt="card.symbol + '_' + card.points" class="playing-card"> |
|
|
|
<img :src="index > 0 ? card.asset : roundActive ? cardBack : card.asset" :alt="card.symbol + '_' + card.points" class="playing-card"> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
@ -80,7 +80,7 @@ |
|
|
|
<div class="col-md-12 hand"> |
|
|
|
<div class="col-md-12 hand"> |
|
|
|
<h4>Hand (Points: {{ handScore === 21 && usersHand.count < 2 ? 'BlackJack' : handScore > 21 ? 'Plus! ' + handScore : handScore }})</h4> |
|
|
|
<h4>Hand (Points: {{ handScore === 21 && usersHand.count < 2 ? 'BlackJack' : handScore > 21 ? 'Plus! ' + handScore : handScore }})</h4> |
|
|
|
<div class="row"> |
|
|
|
<div class="row"> |
|
|
|
<div class="col-sm-1" v-for="card in usersHand"> |
|
|
|
<div class="col-sm-2" v-for="card in usersHand"> |
|
|
|
<img :src="card.asset" :alt="card.symbol + '_' + card.points" class="playing-card"> |
|
|
|
<img :src="card.asset" :alt="card.symbol + '_' + card.points" class="playing-card"> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
|
