antonioandre/nuxt-frontend
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: implementa funcionalidade de favoritar jogos

Browse Source
This commit is contained in:
Antonio Andre
2026-05-28 12:47:11 -05:00
parent 20a4a14a4a
commit ac51e11f33
3 changed files with 296 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
app/pages/(protected)/home/index.vue
View File

@@ -16,7 +16,8 @@
class="my-4 max-w-[680px] break-words font-serif text-[34px] font-light leading-[1.08] tracking-[-0.96px] text-[#0c0a09] sm:my-5 sm:text-[40px] md:text-[48px]">
Olá, você está autenticado!
</h1>
<p class="m-0 max-w-[540px] text-[15px] font-normal leading-[1.47] tracking-[0.15px] text-[#4e4e4e] sm:text-base sm:leading-6 sm:tracking-[0.16px]">
<p
class="m-0 max-w-[540px] text-[15px] font-normal leading-[1.47] tracking-[0.15px] text-[#4e4e4e] sm:text-base sm:leading-6 sm:tracking-[0.16px]">
Estes são os dados retornados pelo perfil da sua sessão atual.
</p>
</div>
@@ -26,6 +27,10 @@
class="inline-flex h-10 w-fit items-center justify-center rounded-full border border-[#d6d3d1] bg-transparent px-5 text-[15px] font-medium leading-none text-[#0c0a09] transition hover:border-[#0c0a09]">
Ver rankings
</NuxtLink>
<NuxtLink to="/favoritos"
class="inline-flex h-10 w-fit items-center justify-center rounded-full border border-[#d6d3d1] bg-transparent px-5 text-[15px] font-medium leading-none text-[#0c0a09] transition hover:border-[#0c0a09]">
Meus favoritos
</NuxtLink>
<button type="button" :disabled="isLeaving" @click="sair"
class="inline-flex h-10 w-fit items-center justify-center gap-2 rounded-full bg-[#292524] px-5 text-[15px] font-medium leading-none text-white transition hover:bg-[#0c0a09] active:bg-[#0c0a09] disabled:cursor-not-allowed disabled:opacity-70">
<Icon v-if="isLeaving" name="mdi:loading" class="animate-spin text-base" />
@@ -42,7 +47,8 @@
class="inline-flex min-h-6 items-center rounded-full bg-[rgba(167,229,211,0.62)] px-2.5 py-1 text-xs font-semibold uppercase leading-none tracking-[0.96px] text-[#0c0a09]">
Perfil
</span>
<h2 class="mt-4 font-serif text-[26px] font-light leading-[1.13] tracking-[-0.32px] text-[#0c0a09] sm:text-3xl">
<h2
class="mt-4 font-serif text-[26px] font-light leading-[1.13] tracking-[-0.32px] text-[#0c0a09] sm:text-3xl">
Dados da conta
</h2>
</div>
@@ -53,7 +59,8 @@
<dt class="text-xs font-semibold uppercase leading-[1.4] tracking-[0.96px] text-[#777169]">
{{ item.label }}
</dt>
<dd class="m-0 min-w-0 text-[15px] leading-[1.47] tracking-[0.15px] text-[#0c0a09] sm:text-base sm:leading-6 sm:tracking-[0.16px]"
<dd
class="m-0 min-w-0 text-[15px] leading-[1.47] tracking-[0.15px] text-[#0c0a09] sm:text-base sm:leading-6 sm:tracking-[0.16px]"
:class="item.isLong ? 'break-all' : 'break-words'">
{{ item.value }}
</dd>