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

mobile

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

BIN
frontend/public/favicon.ico Normal file → Executable file
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 4.2 KiB

After

Width:  |  Height:  |  Size: 15 KiB

39
frontend/src/App.vue
View File

@ -14,17 +14,17 @@
</div> </div>
<div v-else> <div v-else>
<div v-if="!isInLobby" > <div v-if="!isInLobby" >
<Card :card="getSelfCard"/> <Card :card="getSelfCard" style="position:absolute; bottom:10pt; right: 10pt;"/>
<form @submit="createLobby">
<h2>Crea una lobby:</h2>
Nome: <input v-model="lobbyName"/>
<input type="submit" />
</form>
<h2>Lobby disponibili:</h2> <h2>Lobby disponibili:</h2>
<div style="display: flex"> <div style="display: flex">
<Card v-for="lobby in openLobbies" v-bind:key="lobby.name" :card="getLobbyCard(lobby)" @click.native="joinLobby(lobby)"/> <Card v-for="lobby in openLobbies" v-bind:key="lobby.name" :card="getLobbyCard(lobby)" @click.native="joinLobby(lobby)"/>
<p v-if="noLobbyAvailable">Nessuna lobby disponibile</p> <p v-if="noLobbyAvailable">Nessuna lobby disponibile</p>
</div> </div>
<form @submit="createLobby">
<h2>Crea una lobby:</h2>
Nome: <input v-model="lobbyName"/>
<input type="submit" />
</form>
</div> </div>
<Lobby :username="username" v-else/> <Lobby :username="username" v-else/>
</div> </div>
@ -123,10 +123,28 @@ export default {
-moz-osx-font-smoothing: grayscale; -moz-osx-font-smoothing: grayscale;
color: #2c3e50; color: #2c3e50;
margin: 16pt; margin: 16pt;
-webkit-user-select: none; /* Chrome all and Safari all */
-moz-user-select: none; /* Firefox all */
-ms-user-select: none; /* Internet Explorer 10 and later */
user-select: none; /* Likely future */
}
#logo {
margin-top: 60pt;
margin-bottom: 60pt !important;
}
@media only screen and (max-width:600px) {
#app {
margin: 4pt;
margin-top: -16pt;
zoom: 0.8;
}
} }
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;
@ -178,4 +196,13 @@ h1,h2,h3,h4,p,span{
transform: scale(0); transform: scale(0);
} }
} }
input {
border: 2px solid;
border-radius: 4px;
font-size: 1rem;
margin: 0.25rem;
min-width: 125px;
padding: 0.5rem;
transition: border-color 0.5s ease-out;
}
</style> </style>