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

more mobile safari fixes + username suggestions

Browse Source
This commit is contained in:
Alberto Xamin 2021-06-19 19:56:10 +02:00
parent b984c55f40
commit 5948a7ad74
No known key found for this signature in database
GPG Key ID: 4F026F48309500A2
3 changed files with 22 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
frontend/src/App.vue
View File

@ -253,6 +253,9 @@ html, #app, input, select {
border-radius: 12pt; border-radius: 12pt;
cursor: pointer; cursor: pointer;
transition: all 0.13s ease-in-out; transition: all 0.13s ease-in-out;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
} }
.btn:hover:not([disabled]) { .btn:hover:not([disabled]) {
background-color: var(--font-color); /* Green */ background-color: var(--font-color); /* Green */

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

@ -166,6 +166,7 @@ input {
@media only screen and (max-width:1000px) { @media only screen and (max-width:1000px) {
#msg-form { #msg-form {
flex-direction: column; flex-direction: column;
margin-bottom: 50pt;
} }
#submit-message { #submit-message {
margin-top: 6pt; margin-top: 6pt;

21
frontend/src/components/Menu.vue
View File

@ -12,8 +12,8 @@
</div> </div>
<div> <div>
<div v-if="!didSetUsername"> <div v-if="!didSetUsername">
<p>{{$t("choose_username")}}</p> <p id="choose_username">{{$t("choose_username")}}</p>
<form @submit="setUsername"> <form @submit="setUsername" class="form" style="display:flex">
<input id="username" v-model="username" /> <input id="username" v-model="username" />
<input type="submit" class="btn" :value="$t('submit')"/> <input type="submit" class="btn" :value="$t('submit')"/>
</form> </form>
@ -24,7 +24,7 @@
<p>{{$t("online_players")}}{{onlinePlayers}}</p> <p>{{$t("online_players")}}{{onlinePlayers}}</p>
<Card :card="getSelfCard" :donotlocalize="true" style="position:absolute; top:10pt; left: 10pt;"/> <Card :card="getSelfCard" :donotlocalize="true" style="position:absolute; top:10pt; left: 10pt;"/>
<h2>{{$t("create_lobby")}}</h2> <h2>{{$t("create_lobby")}}</h2>
<form @submit="createLobby" style="display:flex"> <form @submit="createLobby" class="form" style="display:flex">
<p>{{$t("lobby_name")}}</p> <p>{{$t("lobby_name")}}</p>
<input id="lobbyname" v-model="lobbyName"/> <input id="lobbyname" v-model="lobbyName"/>
<input type="submit" class="btn" :value="$t('submit')"/> <input type="submit" class="btn" :value="$t('submit')"/>
@ -147,10 +147,25 @@ export default {
mounted() { mounted() {
if (localStorage.getItem('username')) if (localStorage.getItem('username'))
this.username = localStorage.getItem('username') this.username = localStorage.getItem('username')
else {
let names = ['player', 'cowboy', 'madman', 'horseshoe', 'mustang', '🤠️', 'dog lover', 'random', 'cows', 'seagull', 'pewneer', 'pioneer', 'django', 'tarantined', 'horse', 'cinnamom', 'toast', 'notPewDiePie', 'username', 'caveman', 'cat', 'gold', 'chicken', 'nugget', 'bullet', 'fire', 'scott', 'emiliano', 'apple', 'pear', 'pencil', 'youtuber', 'hi mom', 'discord guy', '🥰️', 'somebody', 'AAAAA', 'BBBB', 'pain', 'help?', 'gg', 'gigi', 'lmao', 'yikes', 'you?', 'kid', 'cowgirl', 'bite', 'hungry', 'joe', 'limbo', 'leeeroy', 'jenkins', 'batman', 'spiderman', 'luke skywalker', 'nemo', 'zemo', 'ironman', 'butterman', 'postman', 'father', 'son', 'sven', 'mike', 'straw', 'saaay', 'whaaaat', 'rick', 'morty', 'wubbalubbadubdub']
this.username = names[Math.floor(Math.random() * names.length)]
}
this.$socket.emit('get_online_players') this.$socket.emit('get_online_players')
}, },
} }
</script> </script>
<style> <style>
@media only screen and (max-width:1000px) {
.form {
flex-direction: column;
}
.form > input, .form>p{
font-size: 20pt;
}
#choose_username{
font-size: 20pt;
}
}
</style> </style>