arthur/spanish-learner
1
0
Fork 0
mirror of https://github.com/ArthurDanjou/spanish-learner.git synced 2026-01-14 12:14:39 +01:00
Code Issues Packages Projects Releases Wiki Activity

Working

Browse Source
This commit is contained in:
Arthur Danjou
2024-07-30 21:17:40 +02:00
parent 78f572d099
commit c0bc4ddd78
7 changed files with 137 additions and 57 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
app/app.vue
View File

@@ -26,8 +26,8 @@ async function revealWord() {
<div>
<NuxtLoadingIndicator />
<UContainer>
<div class="bg-neutral-800 rounded-lg max-h-[96vh] h-[96vh] overflow-scroll">
<div v-if="verb" class="space-y-4 h-1/2 w-2/3 mx-auto flex flex-col justify-center">
<div class="bg-neutral-800 rounded-lg max-h-[96vh] h-[96vh] overflow-scroll p-4">
<div v-if="verb" class="space-y-4 mx-auto flex flex-col justify-center">
<div class="flex gap-2 items-end">
<h3 class="text-xl text-neutral-500">
Verbos:
@@ -55,13 +55,13 @@ async function revealWord() {
<UButton
color="blue"
variant="solid"
label="Refresh"
label="Reveal Verb"
:block="true"
@click.prevent="revealVerb()"
/>
</div>
<UDivider class="mt-8 mb-4" label="Palabras" />
<div v-if="word" class="space-y-4 h-1/2 w-2/3 mx-auto flex flex-col justify-center">
<div v-if="word" class="space-y-4 mx-auto flex flex-col justify-center">
<div class="flex gap-2 items-end">
<h3 class="text-xl text-neutral-500">
Palabra:
@@ -72,16 +72,24 @@ async function revealWord() {
</div>
<div class="flex gap-2 items-end">
<h3 class="text-xl text-neutral-500">
Tradución:
Typo:
</h3>
<h1 class="text-3xl font-bold">
{{ word.type }}
</h1>
</div>
<div class="flex gap-2 items-end">
<h3 class="text-xl text-neutral-500">
Tradución:
</h3>
<h1 class="text-3xl font-bold" :class="revealedWord ? '' : 'bg-black text-black'">
{{ word.translation }}
</h1>
</div>
<UButton
color="red"
variant="solid"
label="Refresh"
label="Reveal Word"
:block="true"
@click.prevent="revealWord()"
/>