From d5c65cfb14604f8b2b10e95ac89bd31728e2a944 Mon Sep 17 00:00:00 2001
From: legonzaur <legonzaur@live.fr>
Date: Sun, 19 May 2024 01:23:11 +0200
Subject: [PATCH] Feat : add game board to current_player

---
 components/AnimatedBackground.vue | 12 ++++++++++--
 components/GameBoard.vue          |  3 +--
 2 files changed, 11 insertions(+), 4 deletions(-)

diff --git a/components/AnimatedBackground.vue b/components/AnimatedBackground.vue
index 344a9df..1661f66 100644
--- a/components/AnimatedBackground.vue
+++ b/components/AnimatedBackground.vue
@@ -108,7 +108,15 @@ onMounted(() => {
 </script>
 
 <template>
-    <canvas ref="canvas">test</canvas>
+    <canvas ref="canvas" id="background">test</canvas>
 </template>
 
-<style scoped></style>
\ No newline at end of file
+<style scoped>
+#background {
+    z-index: -1;
+    left: 0;
+    position: absolute;
+    height: 100%;
+    width: 100%;
+}
+</style>
\ No newline at end of file
diff --git a/components/GameBoard.vue b/components/GameBoard.vue
index 5a02d01..7d683a6 100644
--- a/components/GameBoard.vue
+++ b/components/GameBoard.vue
@@ -68,6 +68,7 @@ function showWinnerScreen() {
         <div id="current_player"
             :class="(goStore.current_game?.current_turn && (goStore.current_game?.current_turn === goStore.self?.team)) ? 'self' : ''">
             <PlayerSlot v-for="p in current_players" :player="p"></PlayerSlot>
+            <AnimatedBackground></AnimatedBackground>
         </div>
     </div>
     <ResultDialog :isVisible="showResults" :won="isWinner" :players="goStore.current_game?.players"
@@ -106,8 +107,6 @@ function showWinnerScreen() {
 
 #current_player {
     grid-area: current_player;
-    background-image: url("/images/bg-darkgrass.png");
-
 }
 
 #player_list {