feat: greet user on login

This commit is contained in:
Settel 2022-04-06 11:23:40 +02:00
parent d77c0a7dcb
commit 57d9a6cdcd

View File

@ -2,6 +2,7 @@
<div>
<div v-if="!$fetchState.pending" class="playbutton">
<template v-if="user && user.name">
<div class="playbutton__greeting">Hi {{ user.name }}!</div>
<NuxtLink class="playbutton__playbutton" to="/play">
Play!
</NuxtLink>
@ -83,6 +84,12 @@ export default {
font-size: 36px;
text-align: center;
&__greeting {
color: $button-text-color;
font-size: 18px;
margin: 0 0 1em 0;
}
&__playbutton {
width: 200px;
height: 48px;
@ -100,7 +107,7 @@ export default {
}
&__logout {
margin-top: 36px;
margin-top: 64px;
font-size: 24px;
color: $button-secondary-text-color;
cursor: pointer;