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

show logo when not in lobby

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

4
frontend/src/App.vue
View File

@ -1,6 +1,6 @@
<template> <template>
<div id="app"> <div id="app">
<div v-if="!username" id="logo" class="center-stuff" style="margin-bottom:10pt;"> <div v-if="!isInLobby" id="logo" class="center-stuff" style="margin-bottom:10pt;">
<h1 style="margin-bottom:0pt;">PewPew!</h1> <h1 style="margin-bottom:0pt;">PewPew!</h1>
<i style="font-size: x-small;">Bang! è un marchio registrato DVGiochi</i> <i style="font-size: x-small;">Bang! è un marchio registrato DVGiochi</i>
</div> </div>
@ -73,7 +73,7 @@ export default {
this.isConnected = true; this.isConnected = true;
if (Vue.config.devtools) { if (Vue.config.devtools) {
setTimeout(function(){ setTimeout(function(){
this.username = (1+Math.random() * 100 % 100).toFixed(2).toString(); this.username =(1+Math.random() * 100 % 100).toFixed(2).toString();
this.setUsername(); this.setUsername();
}.bind(this), 1000) }.bind(this), 1000)
} }

5
frontend/src/components/Lobby.vue
View File

@ -1,7 +1,7 @@
<template> <template>
<div class="lobby"> <div class="lobby">
<div style="flex-grow: 4;"> <div style="flex-grow: 4;">
<h1>Lobby: {{ lobbyName }}</h1> <h2>Lobby: {{ lobbyName }}</h2>
<h3>Giocatori (tu sei {{username}})</h3> <h3>Giocatori (tu sei {{username}})</h3>
<div class="players-table"> <div class="players-table">
<Card v-if="startGameCard" :card="startGameCard" @click.native="startGame"/> <Card v-if="startGameCard" :card="startGameCard" @click.native="startGame"/>
@ -162,9 +162,6 @@ export default {
<!-- Add "scoped" attribute to limit CSS to this component only --> <!-- Add "scoped" attribute to limit CSS to this component only -->
<style > <style >
#logo {
display:none;
}
.is_my_turn { .is_my_turn {
box-shadow: 0 0 0 3pt rgb(138, 12, 12), 0 0 0 6pt white, 0 0 5pt 6pt #aaa !important; box-shadow: 0 0 0 3pt rgb(138, 12, 12), 0 0 0 6pt white, 0 0 5pt 6pt #aaa !important;
animation-name: turn-animation; animation-name: turn-animation;