add: several improvements
Better Mood choice, better format for text
This commit is contained in:
parent
1db3a48278
commit
06754ae853
4 changed files with 34 additions and 8 deletions
|
@ -4,8 +4,10 @@
|
|||
@click="openMoodChoice"
|
||||
>
|
||||
<FontAwesomeIcon class="icon" :icon="currentMood.icon" />
|
||||
<h1>{{ currentMood.label }}</h1>
|
||||
<p v-if="currentNode">{{ currentNode }}</p>
|
||||
<div class="text">
|
||||
<h1>{{ currentMood.label }}</h1>
|
||||
<p v-if="currentNode">{{ currentNode }}</p>
|
||||
</div>
|
||||
</section>
|
||||
<MoodChoice
|
||||
ref="moodChoice"
|
||||
|
@ -57,5 +59,6 @@ onMounted(() => {
|
|||
|
||||
& .icon { font-size: 14rem; }
|
||||
& h1 { font-size: 1.5rem; }
|
||||
& .text { text-align: center; }
|
||||
}
|
||||
</style>
|
Loading…
Add table
Add a link
Reference in a new issue