Update PASELI View and layout

This commit is contained in:
Trenton Zimmer
2024-12-30 14:04:49 -05:00
parent 50cfe9ba81
commit 9effeac560
3 changed files with 14 additions and 17 deletions

View File

@@ -92,10 +92,14 @@ function getCardStyle(path) {
</span>
</p>
<div
v-if="!useSmall"
class="md:w-full grid grid-cols-1 md:grid-cols-3 gap-3"
>
<div class="md:w-full grid grid-cols-1 md:grid-cols-4 gap-3">
<BaseButton
:href="`/#/arcade/${arcade.id}`"
:icon="mdiHome"
color="info"
label="Arcade Home"
class="w-full md:w-[150px]"
/>
<BaseButton
:href="`/#/arcade/${arcade.id}/events`"
:icon="mdiNewspaperVariantMultiple"
@@ -115,15 +119,6 @@ function getCardStyle(path) {
label="PASELI"
/>
</div>
<div v-if="useSmall" class="w-full flex justify-center">
<BaseButton
:href="`/#/arcade/${arcade.id}`"
:icon="mdiHome"
color="info"
label="Arcade Home"
class="w-full md:w-[150px]"
/>
</div>
</div>
</BaseLevel>
</div>

View File

@@ -173,6 +173,10 @@ const menuAside = computed(() => {
label: "News",
to: "/admin/news",
},
{
label: "OTA Updates",
to: "/admin/ota",
},
];
var sideMenu = [{ to: "/", icon: mdiMonitor, label: "Dashboard" }];

View File

@@ -22,7 +22,6 @@ async function loadArcade() {
arcadeData.value = null;
const data = await APIGetArcade(arcadeId);
arcadeData.value = data;
loading.value = false;
} catch (error) {
console.error("Failed to fetch arcade data:", error);
}
@@ -40,6 +39,7 @@ async function loadPASELI() {
}
onMounted(() => {
loading.value = true;
loadArcade();
loadPASELI();
});
@@ -96,9 +96,7 @@ function filterTransactions(transactions) {
<template>
<LayoutAuthenticated>
<SectionMain>
<template
v-if="!loading && paseliData.balances && paseliData.transactions"
>
<template v-if="!loading && arcadeData">
<ArcadeCard class="mb-6" :arcade="arcadeData" :use-small="true" />
<SectionTitleLine
:icon="mdiAccountCash"