Fix : remove scroll bars when focused player changes

pages/game.vue

@@ -324,7 +324,7 @@ onUnmounted(() => {
     ></AnimatedBackground>
     <ClientOnly>
       <template v-if="game && focusedPlayer && playerList">
-        <Transition name="slide-left" mode="out-in">
+        <!-- <Transition name="slide-left" mode="out-in"> -->
         <div id="stack_discard" :key="focusedPlayer?._id">
           <div id="stack">
             <GameCardGrouped
@@ -340,7 +340,7 @@ onUnmounted(() => {
             :player="focusedPlayer"
           ></GameOverlayDiscard>
         </div>
-        </Transition>
+        <!-- </Transition> -->
 
         <GameMarket
           :game="game"
@@ -399,30 +399,29 @@ onUnmounted(() => {
       <GameOverlayOptionsDialog></GameOverlayOptionsDialog>
       <ClientOnly>
         <div id="turn_buttons" v-if="game">
+          <template v-if="game.started">
             <button
               id="end_turn"
               class="end_turn_button turn_icon"
               :class="{ hidden: !isTurn }"
               @click="endTurn(game._id)"
-            v-if="game.started && isTurn"
+              v-if="isTurn"
             >
               END TURN
             </button>
+          </template>
+          <template v-else-if="authStore.logged">
             <button
               class="end_turn_button turn_icon"
               @click="startGame(game._id)"
-            v-if="
-              !game.started && game.owner.userId == authStore.selfUser.userId
-            "
+              v-if="game.owner.userId == authStore.selfUser.userId"
             >
               Start game
             </button>
             <button
               class="end_turn_button turn_icon"
               @click="joinGame(game._id)"
-            v-if="
-              game.started &&
-              authStore.logged &&
+              v-else-if="
                 playerList?.every(
                   (p) => p.user.userId != authStore.selfUser.userId
                 )
@@ -430,16 +429,8 @@ onUnmounted(() => {
             >
               Join game
             </button>
-
-          <!-- <div
-          class="warning"
-          :class="{
-            'warning-fire-gem': warningText == 'P\'tite Fire gem?',
-            visible: warning,
-          }"
-        >
-          /!\<br />{{ warningText }}
-        </div> -->
+            <button v-else>Leave game</button>
+          </template>
         </div>
       </ClientOnly>
 
@@ -490,6 +481,7 @@ footer {
   display: flex;
   flex-direction: column;
   justify-content: center;
+  overflow-x: hidden;
   /* background: url('/img/bg-darkgrass.png'); */
 }