settel/knowyt
1
0
Fork 0
Code Issues Pull Requests Packages Releases Activity

feat: greet user on login

Browse Source
This commit is contained in:
Settel 2022-04-06 11:23:40 +02:00
parent d77c0a7dcb
commit 57d9a6cdcd
1 changed files with 8 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
client/src/components/PlayButton.vue
View File

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