💄 Add winner banner to other views

Poeschl · May 23, 2024 · 083bf54 · 083bf54
1 parent 0dcd2bc
commit 083bf54
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 2 deletions.
diff --git a/frontend/src/views/FullScreenView.vue b/frontend/src/views/FullScreenView.vue
@@ -2,7 +2,8 @@
   <FullScreenInfoBar class="mb-5" />
   <div class="fullscreen-container ml-4 mr-4">
     <div class="columns">
-      <div class="column is-flex is-justify-content-center is-align-items-start">
+      <div class="column is-flex is-align-items-center is-flex-direction-column pr-5">
+        <WinnerBanner />
         <MapCanvasComponent :robots="gameStore.robots" :map="gameStore.currentMap" style="height: 100%" />
       </div>
       <div class="column is-one-fifth is-flex-direction-column is-narrow data-column">
@@ -21,6 +22,7 @@ import GameStateBox from "@/components/GameStateBox.vue";
 import RobotActiveList from "@/components/RobotActiveList.vue";
 import RobotScoreBoard from "@/components/RobotScoreBoard.vue";
 import FullScreenInfoBar from "@/components/FullScreenInfoBar.vue";
+import WinnerBanner from "@/components/WinnerBanner.vue";
 
 const gameStore = useGameStore();
 </script>

diff --git a/frontend/src/views/MyRobotView.vue b/frontend/src/views/MyRobotView.vue
@@ -1,6 +1,7 @@
 <template>
   <div class="columns">
-    <div class="column is-flex is-justify-content-center is-align-items-start">
+    <div class="column is-flex is-align-items-center is-flex-direction-column">
+      <WinnerBanner />
       <MapCanvasComponent :robots="gameStore.robots" :map="gameStore.currentMap" style="width: 90%" />
     </div>
     <div class="column is-one-quarter is-flex-direction-column is-narrow">
@@ -19,6 +20,7 @@ import RobotControl from "@/components/RobotsControl.vue";
 import GameStateBox from "@/components/GameStateBox.vue";
 import GameFlags from "@/components/GameFlags.vue";
 import RobotDetails from "@/components/RobotDetails.vue";
+import WinnerBanner from "@/components/WinnerBanner.vue";
 
 const gameStore = useGameStore();
 </script>