add cover

src/components/ScreenPage.vue

@@ -171,8 +171,9 @@ onUnmounted(() => {
         <div v-if="screenMode === 'SCREEN_MODE_INTRO_DONE'" class="screen-message">Успехов</div>
         <div v-else-if="screenMode === 'SCREEN_MODE_CONCLUSION_DONE'" class="screen-message">Спасибо за игру!</div>
         <div v-else class="screen-cover">
-          <p class="cover-label">Обложка дела</p>
-          <p>Игра №{{ state.gameId }}</p>
+          <img v-if="state.coverImage" :src="state.coverImage" class="cover-image" alt="Обложка дела" />
+          <p class="cover-label">{{ state.gameName || `Игра №${state.gameId}` }}</p>
+          <p>Обложка дела</p>
           <n-button v-if="!prepared" type="primary" @click="prepareScreen">Подготовить экран</n-button>
         </div>
       </div>
@@ -250,6 +251,14 @@ onUnmounted(() => {
   margin: 0 0 20px;
 }
 
+.cover-image {
+  display: block;
+  margin: 0 auto 24px;
+  max-height: 55dvh;
+  max-width: min(80vw, 720px);
+  object-fit: contain;
+}
+
 .screen-message {
   font-size: clamp(42px, 10vw, 140px);
   font-weight: 700;