From d2ca1a2e447f70b77fc92bc55fb6d416775eaa21 Mon Sep 17 00:00:00 2001
From: Floris Bartra <floris.bartra@gmail.com>
Date: Sun, 17 Dec 2023 00:24:31 +0100
Subject: [PATCH] Add Validation tick when a team is validated

---
 src/components/TeamCard.vue | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/components/TeamCard.vue b/src/components/TeamCard.vue
index a0f937f..4057e6f 100755
--- a/src/components/TeamCard.vue
+++ b/src/components/TeamCard.vue
@@ -12,8 +12,9 @@ defineProps<{
 
 <template>
   <div v-if="typeof team !== 'number'" class="overflow-hidden text-ellipsis rounded bg-cyan-500 p-4">
-    <h1 class="text-shadow text-center text-3xl font-black" :class="{ 'after:inline-block after:h-6 after:w-6 after:content-[url(\'/src/assets/images/check_with_bg.svg\')]': team.validated }">
+    <h1 class="text-shadow text-center text-3xl font-black">
       {{ team.name }}
+      <img v-if="team.validated" src="/src/assets/images/check_with_bg.svg" alt="Logo validé" class="inline-block h-6 w-6"/>
     </h1>
     <ul class="ml-4 list-disc text-xl">
       <li v-for="player in team.players" :key="((player as Record<string, string>).user)">