update input

src/components/ScreenPage.vue

@@ -307,9 +307,9 @@ onUnmounted(() => {
         </div>
         <div v-else class="screen-cover">
           <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 v-if="!prepared" class="cover-controls">
+            <n-button type="primary" @click="prepareScreen">Подготовить экран</n-button>
+          </div>
         </div>
       </div>
     </template>
@@ -390,9 +390,9 @@ onUnmounted(() => {
 }
 
 .screen-cover {
-  background: rgb(255 255 255 / 8%);
-  border-radius: 16px;
-  padding: 48px;
+  height: 100dvh;
+  position: relative;
+  width: 100vw;
 }
 
 .cover-label {
@@ -402,10 +402,17 @@ onUnmounted(() => {
 
 .cover-image {
   display: block;
-  margin: 0 auto 24px;
-  max-height: 55dvh;
-  max-width: min(80vw, 720px);
-  object-fit: contain;
+  height: 100%;
+  object-fit: cover;
+  width: 100%;
+}
+
+.cover-controls {
+  bottom: 32px;
+  left: 0;
+  position: absolute;
+  right: 0;
+  text-align: center;
 }
 
 .screen-message {