53 lines
782 B
Vue
53 lines
782 B
Vue
<template>
|
|
<div class="cardHolder">
|
|
<div class="card">
|
|
<h1 class="text-center text-4xl">Aufgaben</h1>
|
|
<p class="text-center text-6xl mt-5">{{openTasks}}</p>
|
|
</div><div class="card">
|
|
|
|
</div><div class="card">
|
|
|
|
</div><div class="card">
|
|
|
|
</div><div class="card">
|
|
|
|
</div><div class="card">
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<br>
|
|
|
|
</div>
|
|
</template>
|
|
|
|
<script setup>
|
|
definePageMeta({
|
|
middleware: "auth"
|
|
})
|
|
|
|
const {getOpenTasksCount} = useDataStore()
|
|
const openTasks = getOpenTasksCount
|
|
|
|
const supabase = useSupabaseClient()
|
|
|
|
const user = useSupabaseUser()
|
|
|
|
</script>
|
|
|
|
<style scoped>
|
|
.cardHolder {
|
|
display: flex;
|
|
flex-direction: row;
|
|
flex-wrap: wrap;
|
|
justify-content: center;
|
|
}
|
|
|
|
.card{
|
|
width: 22vw;
|
|
height: 40vh;
|
|
border: 1px solid white
|
|
}
|
|
</style> |