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

Fix: Wraps player stats and remove bottom margin for active player
release-tag / release-image (push) Successful in 27s
Details

Browse Source 
Mitigates #7
This commit is contained in:
legonzaur
2024-05-13 17:42:48 +02:00
parent 77bdc01270
commit f0a618680f
2 changed files with 19 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files
components/PlayerSlot.vue
+7 -7
View File
@@ -88,11 +88,15 @@ const prepare_champion = (target: Card) => run_effect(CardEffects.PREPARE, targe
</template>
<div id="player_banner">
<div id="player_info">
<img v-if="props.player.image" :src="props.player.image">
<b>{{ props.player.username }}</b>
</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>
</div>
<div v-if="props.player.ready && !goStore.current_game?.started">READY</div>
</div>
@@ -201,10 +205,6 @@ const prepare_champion = (target: Card) => run_effect(CardEffects.PREPARE, targe
transition: all 1s;
}
.player.turn {
margin-bottom: 75px;
}
.player.discard_unwrapped {
grid-template-areas:
"player_stats player_stats"
@@ -240,7 +240,7 @@ const prepare_champion = (target: Card) => run_effect(CardEffects.PREPARE, targe
#player_stats {
display: flex;
grid-area: player_stats;
flex-direction: row-reverse;
flex-direction: row;
align-items: center;
justify-content: center;
}