fix ui issues
This commit is contained in:
parent
8734c01843
commit
47c2d2e297
@ -5,7 +5,7 @@
|
|||||||
<h3>{{$t("chat.chat")}}</h3>
|
<h3>{{$t("chat.chat")}}</h3>
|
||||||
<button class="btn" @click="collapsed = !collapsed" style="max-height:20pt;">{{collapsed?">>":"X"}}</button>
|
<button class="btn" @click="collapsed = !collapsed" style="max-height:20pt;">{{collapsed?">>":"X"}}</button>
|
||||||
</div>
|
</div>
|
||||||
<h4 v-if="spectators > 0">{{$tc("chat.spectators", spectators)}}</h4>
|
<h4 v-if="spectators > 0" style="margin:0">{{$tc("chat.spectators", spectators)}}</h4>
|
||||||
</div>
|
</div>
|
||||||
<div class="cont">
|
<div class="cont">
|
||||||
<transition-group name="message" tag="div" id="chatbox" :style="`${collapsed?'display:none':''}`">
|
<transition-group name="message" tag="div" id="chatbox" :style="`${collapsed?'display:none':''}`">
|
||||||
@ -178,6 +178,7 @@ input {
|
|||||||
.chat, .cont {
|
.chat, .cont {
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
|
max-height: 90vh;
|
||||||
}
|
}
|
||||||
#msg-form {
|
#msg-form {
|
||||||
width:100%;
|
width:100%;
|
||||||
@ -197,7 +198,7 @@ input {
|
|||||||
margin-left: 10pt;
|
margin-left: 10pt;
|
||||||
}
|
}
|
||||||
.chat, .cont {
|
.chat, .cont {
|
||||||
height: 90vh;
|
height: 88vh;
|
||||||
margin-left: 10pt;
|
margin-left: 10pt;
|
||||||
}
|
}
|
||||||
#submit-message {
|
#submit-message {
|
||||||
|
@ -329,7 +329,6 @@ export default {
|
|||||||
this.$socket.emit('start_game')
|
this.$socket.emit('start_game')
|
||||||
},
|
},
|
||||||
shufflePlayers() {
|
shufflePlayers() {
|
||||||
this.started = true;
|
|
||||||
this.$socket.emit('shuffle_players')
|
this.$socket.emit('shuffle_players')
|
||||||
},
|
},
|
||||||
choose(player_name) {
|
choose(player_name) {
|
||||||
|
Loading…
Reference in New Issue
Block a user