Oliver/Phantom-Ink-Online
0
0
Fork 0
Code Issues Activity

Add clickable logo to lobby and login screens

Browse source
This commit is contained in:
Oliver-Akins 2021-03-21 13:51:17 -06:00
parent ec54f74de6
commit 9ad535d7b4
3 changed files with 26 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

14
web/src/views/CreateJoin.vue
View file

@ -1,6 +1,14 @@
<template>
<div id="CreateJoinGame" class="maximize view">
<h1>Ghost Writer Online</h1>
<div class="centre" id="logo-header">
<a href="http://playghostwriter.com" target="_blank" rel="noopener">
<img
src="/assets/ghost_writer_logo.png"
alt="Ghost Writer Logo"
height="200"
>
</a>
</div>
<button
@click.stop="createGame()"
>Create Game</button>
@ -149,6 +157,10 @@ export default {
align-items: center;
}
#logo-header {
margin-top: 10vh;
}
button {
background-color: var(--background2);
color: var(--background2-text);

14
web/src/views/Lobby.vue
View file

@ -1,6 +1,14 @@
<template>
<div id="GameLobby" class="maximize view">
<h1 class="centre">Ghost Writer Online</h1>
<div class="centre" id="logo-header">
<a href="http://playghostwriter.com" target="_blank" rel="noopener">
<img
src="/assets/ghost_writer_logo.png"
alt="Ghost Writer Logo"
height="150px"
>
</a>
</div>
<div class="flex-row">
<button
class="clickable"
@ -138,6 +146,10 @@ export default {
display: flex;
}
#logo-header {
margin-top: 5vh;
}
.flex-row {
justify-content: center;
align-items: stretch;