chat and css fix
This commit is contained in:
parent
feac59c636
commit
e012013587
@ -142,9 +142,6 @@ export default {
|
||||
h1,h2,h3,h4,p,span{
|
||||
font-family: Avenir, Helvetica, Arial, sans-serif;
|
||||
}
|
||||
p {
|
||||
font-size: 2vmin;
|
||||
}
|
||||
.center-stuff {
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
|
@ -22,12 +22,8 @@ export default {
|
||||
sockets: {
|
||||
chat_message(msg) {
|
||||
this.messages.push(msg)
|
||||
// let container = this.$el.querySelector("#chatbox");
|
||||
// container.scrollTop = container.scrollHeight;
|
||||
const el = this.$el.getElementsByClassName('end')[0];
|
||||
if (el) {
|
||||
el.scrollIntoView();
|
||||
}
|
||||
let container = this.$el.querySelector("#chatbox");
|
||||
container.scrollTop = container.scrollHeight;
|
||||
},
|
||||
},
|
||||
methods: {
|
||||
|
@ -4,8 +4,8 @@
|
||||
<button v-if="canEndTurn" @click="end_turn">Termina Turno</button>
|
||||
<div class="equipment-slot">
|
||||
<Card v-if="my_role" :card="my_role" class="back"/>
|
||||
<Card v-if="character" :card="character"/>
|
||||
<transition-group name="list" tag="div" style="margin: 0 0 0 10pt;">
|
||||
<Card v-if="character" :card="character" style="margin-left: -30pt;margin-right: 0pt;"/>
|
||||
<transition-group name="list" tag="div" style="margin: 0 0 0 10pt; display:flex;">
|
||||
<Card v-for="card in equipment" v-bind:key="card.name+card.number" :card="card" />
|
||||
</transition-group>
|
||||
</div>
|
||||
@ -224,9 +224,10 @@ export default {
|
||||
margin-right:35pt;
|
||||
margin-top:-0.5pt;
|
||||
}
|
||||
.equipment-slot, .equipment-slot>div {
|
||||
.equipment-slot {
|
||||
display:flex;
|
||||
margin: 10pt 0pt;
|
||||
overflow:auto;
|
||||
}
|
||||
.turn-notify {
|
||||
pointer-events: none;
|
||||
|
Loading…
Reference in New Issue
Block a user