Made Index Scrollable
This commit is contained in:
111
pages/index.vue
111
pages/index.vue
@@ -1,64 +1,53 @@
|
|||||||
<template>
|
<template>
|
||||||
<UDashboardPage>
|
<UDashboardNavbar title="Home">
|
||||||
<UDashboardPanel grow>
|
<template #right>
|
||||||
<UDashboardNavbar title="Home">
|
<UTooltip text="Notifications" :shortcuts="['N']">
|
||||||
<template #right>
|
<UButton color="gray" variant="ghost" square @click="isNotificationsSlideoverOpen = true">
|
||||||
<UTooltip text="Notifications" :shortcuts="['N']">
|
<UChip :show="unreadMessages" color="primary" inset>
|
||||||
<UButton color="gray" variant="ghost" square @click="isNotificationsSlideoverOpen = true">
|
<UIcon name="i-heroicons-bell" class="w-5 h-5" />
|
||||||
<UChip :show="unreadMessages" color="primary" inset>
|
</UChip>
|
||||||
<UIcon name="i-heroicons-bell" class="w-5 h-5" />
|
</UButton>
|
||||||
</UChip>
|
</UTooltip>
|
||||||
</UButton>
|
</template>
|
||||||
</UTooltip>
|
</UDashboardNavbar>
|
||||||
</template>
|
|
||||||
</UDashboardNavbar>
|
|
||||||
|
|
||||||
<UDashboardPanelContent class="flex flex-col">
|
<UDashboardPanelContent>
|
||||||
<div class="mb-5">
|
<div class="mb-5">
|
||||||
<UDashboardCard
|
<UDashboardCard
|
||||||
title="Einnahmen und Ausgaben(netto)"
|
title="Einnahmen und Ausgaben(netto)"
|
||||||
class="mt-3"
|
class="mt-3"
|
||||||
>
|
>
|
||||||
<display-income-and-expenditure/>
|
<display-income-and-expenditure/>
|
||||||
</UDashboardCard>
|
</UDashboardCard>
|
||||||
</div>
|
</div>
|
||||||
<UPageGrid>
|
<UPageGrid>
|
||||||
<UDashboardCard
|
<UDashboardCard
|
||||||
title="Buchhaltung"
|
title="Buchhaltung"
|
||||||
v-if="profileStore.ownTenant.features.accounting"
|
v-if="profileStore.ownTenant.features.accounting"
|
||||||
>
|
>
|
||||||
<display-open-balances/>
|
<display-open-balances/>
|
||||||
</UDashboardCard>
|
</UDashboardCard>
|
||||||
<UDashboardCard
|
<UDashboardCard
|
||||||
title="Projekte"
|
title="Projekte"
|
||||||
>
|
>
|
||||||
<display-projects-in-phases/>
|
<display-projects-in-phases/>
|
||||||
</UDashboardCard>
|
</UDashboardCard>
|
||||||
<UDashboardCard
|
<UDashboardCard
|
||||||
title="Anwesenheiten"
|
title="Anwesenheiten"
|
||||||
>
|
>
|
||||||
<display-present-profiles/>
|
<display-present-profiles/>
|
||||||
</UDashboardCard>
|
</UDashboardCard>
|
||||||
<UDashboardCard
|
<UDashboardCard
|
||||||
>
|
>
|
||||||
<display-running-time/>
|
<display-running-time/>
|
||||||
</UDashboardCard>
|
</UDashboardCard>
|
||||||
<UDashboardCard
|
<UDashboardCard
|
||||||
title="Aufgaben"
|
title="Aufgaben"
|
||||||
>
|
>
|
||||||
<display-open-tasks/>
|
<display-open-tasks/>
|
||||||
</UDashboardCard>
|
</UDashboardCard>
|
||||||
</UPageGrid>
|
</UPageGrid>
|
||||||
|
</UDashboardPanelContent>
|
||||||
|
|
||||||
|
|
||||||
<div class="flex flex-row">
|
|
||||||
|
|
||||||
</div>
|
|
||||||
|
|
||||||
</UDashboardPanelContent>
|
|
||||||
</UDashboardPanel>
|
|
||||||
</UDashboardPage>
|
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script setup>
|
<script setup>
|
||||||
@@ -99,9 +88,5 @@ setup()
|
|||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style scoped>
|
<style scoped>
|
||||||
.card {
|
|
||||||
border: 1px solid darkgray;
|
|
||||||
border-radius: 20px;
|
|
||||||
|
|
||||||
}
|
|
||||||
</style>
|
</style>
|
||||||
Reference in New Issue
Block a user