techwire/bang
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

chat and css fix

Browse Source
This commit is contained in:
Alberto Xamin 2020-11-23 14:39:04 +01:00
parent feac59c636
commit e012013587
No known key found for this signature in database
GPG Key ID: 4F026F48309500A2
3 changed files with 6 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
frontend/src/App.vue
View File

@ -142,9 +142,6 @@ export default {
h1,h2,h3,h4,p,span{ h1,h2,h3,h4,p,span{
font-family: Avenir, Helvetica, Arial, sans-serif; font-family: Avenir, Helvetica, Arial, sans-serif;
} }
p {
font-size: 2vmin;
}
.center-stuff { .center-stuff {
margin-left: auto; margin-left: auto;
margin-right: auto; margin-right: auto;

8
frontend/src/components/Chat.vue
View File

@ -22,12 +22,8 @@ export default {
sockets: { sockets: {
chat_message(msg) { chat_message(msg) {
this.messages.push(msg) this.messages.push(msg)
// let container = this.$el.querySelector("#chatbox"); let container = this.$el.querySelector("#chatbox");
// container.scrollTop = container.scrollHeight; container.scrollTop = container.scrollHeight;
const el = this.$el.getElementsByClassName('end')[0];
if (el) {
el.scrollIntoView();
}
}, },
}, },
methods: { methods: {

7
frontend/src/components/Player.vue
View File

@ -4,8 +4,8 @@
<button v-if="canEndTurn" @click="end_turn">Termina Turno</button> <button v-if="canEndTurn" @click="end_turn">Termina Turno</button>
<div class="equipment-slot"> <div class="equipment-slot">
<Card v-if="my_role" :card="my_role" class="back"/> <Card v-if="my_role" :card="my_role" class="back"/>
<Card v-if="character" :card="character"/> <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;"> <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" /> <Card v-for="card in equipment" v-bind:key="card.name+card.number" :card="card" />
</transition-group> </transition-group>
</div> </div>
@ -224,9 +224,10 @@ export default {
margin-right:35pt; margin-right:35pt;
margin-top:-0.5pt; margin-top:-0.5pt;
} }
.equipment-slot, .equipment-slot>div { .equipment-slot {
display:flex; display:flex;
margin: 10pt 0pt; margin: 10pt 0pt;
overflow:auto;
} }
.turn-notify { .turn-notify {
pointer-events: none; pointer-events: none;