21 lines
894 B
Vue
21 lines
894 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" />
|
||
|
|
</div>
|
||
|
|
</template>
|
||
|
|
|
||
|
|
<script setup>
|
||
|
|
const createTeam = ref(false)
|
||
|
|
</script>
|