improvements

web/components/team/None.vue

@@ -0,0 +1,20 @@
+<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>