31 lines
983 B
Vue
31 lines
983 B
Vue
<template>
|
|
<p class="text-gray-300 text-center my-10">
|
|
Je zit momenteel niet in een team. Maak een team aan of wacht tot dat je geinvite wordt
|
|
</p>
|
|
<div class="flex w-full justify-center gap-10 mb-5">
|
|
<span
|
|
class="text-primary font-bold hover:cursor-pointer" :class="{ 'underline underline-offset-4': !createTeam }"
|
|
@click="createTeam = false"
|
|
>
|
|
Team Invites
|
|
</span>
|
|
<span class="text-primary font-bold hover:cursor-pointer" :class="{ 'underline underline-offset-4': createTeam }"
|
|
@click="createTeam = true"
|
|
>
|
|
Create Team
|
|
</span>
|
|
</div>
|
|
<div v-if="!createTeam" class="text-center text-gray-300">
|
|
You don't have any team invites
|
|
</div>
|
|
<div v-else class="w-full flex flex-col items-center gap-5">
|
|
<Input class="w-full max-w-sm">Naam / Prefix</Input>
|
|
<Colorpicker class="w-full max-w-sm" />
|
|
<Button>Create Team</Button>
|
|
</div>
|
|
</template>
|
|
|
|
<script setup>
|
|
const createTeam = ref(false)
|
|
</script>
|