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

Add logo image to center top of game board

Browse source
This commit is contained in:
Oliver-Akins 2021-03-22 16:51:49 -06:00
parent 9ad535d7b4
commit 284da23189
1 changed files with 21 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

21
web/src/components/GameBoard.vue
View file

@ -99,6 +99,17 @@
> >
{{ visible ? `Hide` : `Show` }} Past Questions {{ visible ? `Hide` : `Show` }} Past Questions
</button> </button>
<a
href="https://playghostwriter.com"
target="_blank"
id="game-logo-link"
>
<img
id="game-logo"
src="/assets/ghost_writer_logo.png"
alt="Ghost Writer Logo"
>
</a>
<transition name="expand-from-left"> <transition name="expand-from-left">
<past-questions v-if="visible" @error="$emit(`error`, $event)" /> <past-questions v-if="visible" @error="$emit(`error`, $event)" />
</transition> </transition>
@ -206,6 +217,16 @@ export default {
background: var(--board-background-moon), var(--board-background); background: var(--board-background-moon), var(--board-background);
} }
#game-logo-link {
position: absolute;
z-index: 1;
top: 7px;
height: 10%
}
#game-logo {
height: 100%;
}
h2 { h2 {
margin: 12px 0; margin: 12px 0;
} }