add input form

src/components/TeamStoryPage.vue

@@ -7,6 +7,7 @@ import { useMessage } from 'naive-ui';
 import { ref } from 'vue';
 import { useRoute } from 'vue-router';
 import PlaceBlock from '@/components/PlaceBlock.vue'
+import GameInputForm from '@/components/GameInputForm.vue'
 
 const client = getAuthClient()
 const message = useMessage()
@@ -67,14 +68,11 @@ type AdvancedPlace = {
 <template>
     <div class="center-block-custom-big">
         <div class="places-container">
+            <GameInputForm :addAction="addAction"></GameInputForm>
+
             <PlaceBlock :place="advancedPlace.place" v-model:mode="advancedPlace.mode"
                 v-for="advancedPlace in story.places" v-bind:key="advancedPlace.place.code" :addAction="addAction">
             </PlaceBlock>
-
-            <n-space vertical>
-                <n-input v-model:value="code" type="text" placeholder="Ы-1" />
-                <n-button @click="addAction(code)" ghost>Поехали</n-button>
-            </n-space>
         </div>
     </div>
 
@@ -96,7 +94,7 @@ type AdvancedPlace = {
 @media (width >=1024px) {
     .places-container {
         padding: 20px 250px;
-        height: calc(100vh - 70px);
+        height: calc(100vh - 70px - 75px);
     }
 }
 </style>