add: several improvements

Better Mood choice, better format for text
This commit is contained in:
webfussel 2025-07-17 10:00:15 +02:00
parent 1db3a48278
commit 06754ae853
4 changed files with 34 additions and 8 deletions

View file

@ -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>