heronfief/front
3
1
Fork 0
Code Issues 44 Pull Requests 1 Actions Packages Projects Releases 1 Activity

feat: new playericon component, style for ready

Browse Source
This commit is contained in:
Erzangel
2024-05-14 18:59:56 +02:00
parent 546f881b2e
commit a907f52913
2 changed files with 61 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files
components/PlayerSlot.vue
+21 -8
View File
@@ -87,18 +87,15 @@ const prepare_champion = (target: Card) => run_effect(CardEffects.PREPARE, targe
</div>
</template>
<div id="player_banner">
<div class="ready-bubble not-ready" v-if="!props.player.ready && !goStore.current_game?.started">Pas encore prêt...</div>
<div class="ready-bubble ready" v-if="props.player.ready && !goStore.current_game?.started">Prêt!</div>
<div id="player_info">
<PlayerIcon :player="props.player"></PlayerIcon>
</div>
<div id="player_stats">
<img v-if="props.player.image" :src="props.player.image">
<b>{{ props.player.username }}</b>
<PlayerStats :player="props.player"></PlayerStats>
<PlayerStats v-if="!goStore.current_game?.started" :player="props.player"></PlayerStats>
</div>
<div v-if="props.player.ready && !goStore.current_game?.started">READY</div>
</div>
<div id="current_player_board">
<button @click.stop="damage_team(props.player.team)"
@@ -260,4 +257,20 @@ const prepare_champion = (target: Card) => run_effect(CardEffects.PREPARE, targe
left: 50%;
transform: translate(-50%, -50%);
}
.ready-bubble {
color: white;
padding: 0.5em;
border-radius: 1em;
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
margin-bottom: 3%;
}
.ready {
background-color: green;
}
.not-ready {
background-color: maroon;
}
</style>