Oliver/Phantom-Ink-Online
0
0
Fork 0
Code Issues Activity

Add player list component to the lobby view and stretch the flex items.

Browse source
This commit is contained in:
Oliver-Akins 2020-12-10 10:55:18 -07:00
parent bbdfb7d1a9
commit b668f0c211
1 changed files with 4 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

6
web/src/views/Lobby.vue
View file

@ -14,7 +14,7 @@
:team_name="$store.state.team_1.name" :team_name="$store.state.team_1.name"
:player_name="playerName" :player_name="playerName"
/> />
<div>Player List</div> <player-list />
<role-select <role-select
:team_name="$store.state.team_2.name" :team_name="$store.state.team_2.name"
:player_name="playerName" :player_name="playerName"
@ -33,11 +33,13 @@
<script> <script>
import TeamRoleSelect from "../components/TeamRoleSelect"; import TeamRoleSelect from "../components/TeamRoleSelect";
import PlayerList from "../components/PlayerList";
export default { export default {
name: `GameLobby`, name: `GameLobby`,
components: { components: {
"RoleSelect": TeamRoleSelect, "RoleSelect": TeamRoleSelect,
"PlayerList": PlayerList,
}, },
computed: { computed: {
playerName() { playerName() {
@ -61,7 +63,7 @@ export default {
.flex-row { .flex-row {
justify-content: center; justify-content: center;
align-items: center; align-items: stretch;
display: flex; display: flex;
} }