reduce discord button size and add link to /help to improve seo

This commit is contained in:
Alberto Xamin 2023-01-26 16:05:28 +00:00
parent f7d793c929
commit a6ae613927
2 changed files with 5 additions and 2 deletions

View File

@ -8,9 +8,9 @@
<p>{{$t("connection_error")}}</p> <p>{{$t("connection_error")}}</p>
</div> </div>
<help v-if="showHelp"/> <help v-if="showHelp"/>
<div style="position:fixed;bottom:4pt;right:4pt;display:flex;"> <div style="position:fixed;bottom:4pt;right:4pt;display:flex;z-index:10">
<input type=button class="btn" style="min-width:28pt;cursor:pointer;" @click="()=>{sending_report = true}" :value=" $t('report') " /> <input type=button class="btn" style="min-width:28pt;cursor:pointer;" @click="()=>{sending_report = true}" :value=" $t('report') " />
<input type="button" class="btn" value="Discord" style="min-width:28pt;cursor:pointer;" @click="joinDiscord"/> <input type="button" class="btn" value="" style="min-width:28pt;cursor:pointer;background-image: url('https://img.icons8.com/color/48/discord-logo.png');background-size:2em;" @click="joinDiscord"/>
<input type="button" class="btn" :value="(showHelp?'X':'?')" style="min-width:28pt;border-radius:100%;cursor:pointer;" @click="getHelp"/> <input type="button" class="btn" :value="(showHelp?'X':'?')" style="min-width:28pt;border-radius:100%;cursor:pointer;" @click="getHelp"/>
<select id="theme" class="btn" v-model="theme"> <select id="theme" class="btn" v-model="theme">
<option <option

View File

@ -46,6 +46,9 @@
</div> </div>
<label for="username" style="opacity:0">Username</label> <label for="username" style="opacity:0">Username</label>
<label for="lobbyname" style="opacity:0">Lobby Name</label> <label for="lobbyname" style="opacity:0">Lobby Name</label>
<div>
Still new to the game? Read the rules <a href="./help">here</a> or press the question mark in the bottom right corner anytime during your matches.
</div>
</div> </div>
</template> </template>