Leahnaya/PhaseWeb3-Vue
1
0
Fork 0
mirror of https://github.com/PhaseII-eAmusement-Network/PhaseWeb3-Vue.git synced 2026-07-19 09:19:31 -05:00
Code Issues Actions 1 Packages Projects Releases Wiki Activity

Update home screen card formatting

Browse Source
This commit is contained in:
Trenton Zimmer 2025-01-26 00:43:03 -05:00
parent 37f2b5d14b
commit 24dd3a67df
3 changed files with 20 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/CardBoxWidget.vue
View File

@ -52,7 +52,7 @@ defineProps({
</BaseLevel>
<BaseLevel mobile>
<div>
<h3 :class="color" class="text-lg leading-tight">
<h3 :class="color" class="text-lg leading-tight mb-1.5">
{{ label }}
</h3>
<h1 class="text-3xl leading-tight font-semibold">

5
src/components/NumberDynamic.vue
View File

@ -59,5 +59,8 @@ onMounted(() => {
</script>
<template>
<div>{{ prefix }}{{ newValueFormatted }}{{ suffix }}</div>
<div>
{{ prefix }}{{ newValueFormatted }}
<span class="text-gray-300 font-medium text-2xl">{{ suffix }}</span>
</div>
</template>

18
src/views/HomeView.vue
View File

@ -131,9 +131,21 @@ function filterUserProfiles(userProfiles) {
<div
class="grid grid-cols-1 gap-6 md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-5 3xl:grid-cols-6 mb-6"
>
<CardBoxWidget :number="cumulativePlays" label="Cumulative Plays" />
<CardBoxWidget :number="userProfiles.length" label="Games Played" />
<CardBoxWidget :number="longestStreak" label="Longest Play Streak" />
<CardBoxWidget
:number="cumulativePlays"
label="Cumulative Plays"
suffix="plays"
/>
<CardBoxWidget
:number="userProfiles.length"
label="Games Played"
suffix="games"
/>
<CardBoxWidget
:number="longestStreak"
label="Longest Play Streak"
suffix="plays"
/>
</div>
<SectionTitleLine :icon="mdiGamepad" title="Showcase" main />