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

BIN
web/public/assets/ghost_writer_logo.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 576 KiB

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

@ -1,6 +1,14 @@
<template> <template>
<div id="CreateJoinGame" class="maximize view"> <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 <button
@click.stop="createGame()" @click.stop="createGame()"
>Create Game</button> >Create Game</button>
@ -149,6 +157,10 @@ export default {
align-items: center; align-items: center;
} }
#logo-header {
margin-top: 10vh;
}
button { button {
background-color: var(--background2); background-color: var(--background2);
color: var(--background2-text); color: var(--background2-text);

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

@ -1,6 +1,14 @@
<template> <template>
<div id="GameLobby" class="maximize view"> <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"> <div class="flex-row">
<button <button
class="clickable" class="clickable"
@ -138,6 +146,10 @@ export default {
display: flex; display: flex;
} }
#logo-header {
margin-top: 5vh;
}
.flex-row { .flex-row {
justify-content: center; justify-content: center;
align-items: stretch; align-items: stretch;