now uses the island
This commit is contained in:
@@ -71,7 +71,64 @@ import { h } from 'vue'
|
|||||||
status: 'paid',
|
status: 'paid',
|
||||||
email: 'ethan.harris@example.com',
|
email: 'ethan.harris@example.com',
|
||||||
amount: 639
|
amount: 639
|
||||||
}
|
},
|
||||||
|
{
|
||||||
|
id: '4595',
|
||||||
|
date: '2024-03-10T15:55:00',
|
||||||
|
status: 'paid',
|
||||||
|
email: 'ethan.harris@example.com',
|
||||||
|
amount: 639
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: '4593',
|
||||||
|
date: '2024-03-10T15:55:00',
|
||||||
|
status: 'paid',
|
||||||
|
email: 'ethan.harris@example.com',
|
||||||
|
amount: 639
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: '4592',
|
||||||
|
date: '2024-03-10T15:55:00',
|
||||||
|
status: 'paid',
|
||||||
|
email: 'ethan.harris@example.com',
|
||||||
|
amount: 639
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: '4591',
|
||||||
|
date: '2024-03-10T15:55:00',
|
||||||
|
status: 'paid',
|
||||||
|
email: 'ethan.harris@example.com',
|
||||||
|
amount: 639
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: '4590',
|
||||||
|
date: '2024-03-10T15:55:00',
|
||||||
|
status: 'paid',
|
||||||
|
email: 'ethan.harris@example.com',
|
||||||
|
amount: 639
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: '4589',
|
||||||
|
date: '2024-03-10T15:55:00',
|
||||||
|
status: 'paid',
|
||||||
|
email: 'ethan.harris@example.com',
|
||||||
|
amount: 639
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: '4588',
|
||||||
|
date: '2024-03-10T15:55:00',
|
||||||
|
status: 'paid',
|
||||||
|
email: 'ethan.harris@example.com',
|
||||||
|
amount: 639
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: '4587',
|
||||||
|
date: '2024-03-10T15:55:00',
|
||||||
|
status: 'paid',
|
||||||
|
email: 'ethan.harris@example.com',
|
||||||
|
amount: 639
|
||||||
|
},
|
||||||
|
|
||||||
])
|
])
|
||||||
|
|
||||||
const table_headers: TableColumn<Payment>[] = [
|
const table_headers: TableColumn<Payment>[] = [
|
||||||
@@ -119,10 +176,11 @@ import { h } from 'vue'
|
|||||||
}
|
}
|
||||||
]
|
]
|
||||||
|
|
||||||
|
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<template>
|
<template>
|
||||||
<DashboardRoundedHeader title="Dashboard"/>
|
<DashboardIslandHeader title="Dashboard"/>
|
||||||
<UContainer class="max-w-full">
|
<UContainer class="max-w-full">
|
||||||
<div class="mt-3 mb-3 flex flex-col w-full relative z-0">
|
<div class="mt-3 mb-3 flex flex-col w-full relative z-0">
|
||||||
<ProseH2 class="text-center m-0.5 w-full">Hey there, user!</ProseH2>
|
<ProseH2 class="text-center m-0.5 w-full">Hey there, user!</ProseH2>
|
||||||
@@ -131,7 +189,7 @@ import { h } from 'vue'
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!--<div class="mx-auto max-w-220">-->
|
<!--<div class="mx-auto max-w-220">-->
|
||||||
<UPageGrid class="lg:grid-cols-3 lg:gap-0 not-lg:gap-3">
|
<UPageGrid class="lg:grid-cols-3 lg:gap-0 not-lg:gap-3 mt-4 mb-4">
|
||||||
<UPageCard
|
<UPageCard
|
||||||
v-for="card in cards"
|
v-for="card in cards"
|
||||||
:title="card.title"
|
:title="card.title"
|
||||||
|
|||||||
Reference in New Issue
Block a user