add finish game

src/components/TeamStoryPage.vue

@@ -236,8 +236,17 @@ useSimplePolling(() => {
     :style="{ backgroundImage: `url(${JSON.stringify(story.background)})` }"
     aria-hidden="true"
   />
-  <div class="center-block-custom bottom-margin smooth-scroll" ref="scrollContainer">
-    <div class="width700">
+  <div
+    class="center-block-custom bottom-margin smooth-scroll"
+    :class="{ 'game-finished': game?.status === 'finish' }"
+    ref="scrollContainer"
+  >
+    <div v-if="game?.status === 'finish'" class="width700">
+      <MessagePaper role="status">
+        <div class="font">Игра завершена. Спасибо за участие!</div>
+      </MessagePaper>
+    </div>
+    <div v-else class="width700">
       <GameInputForm
         :addAction="addAction"
         :allPlacesCount="story.places.length"
@@ -334,6 +343,10 @@ useSimplePolling(() => {
   margin-top: 0;
 }
 
+.game-finished {
+  height: 100dvh;
+}
+
 .smooth-scroll {
   scroll-behavior: smooth;
 }