feat: greet user on login
This commit is contained in:
parent
d77c0a7dcb
commit
57d9a6cdcd
@ -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;
|
||||
|
Loading…
Reference in New Issue
Block a user