feat(wip): 세력 장수에서 '열 선택' 기능 추가

hwe/ts/PageNationGeneral.vue

@@ -1,9 +1,9 @@
 <template>
   <BContainer id="container" :toast="{ root: true }" class="pageNationGeneral bg0">
-    <TopBackBar :title="title" />
+    <TopBackBar :title="title" :teleport-zone="toolbarID" />
     <!-- eslint-disable-next-line vue/max-attributes-per-line -->
-    <GeneralList v-if="asyncReady" :list="generalList" :troops="troopList" :env="envVal" :height="'fill'" />
-    <BottomBar />
+    <GeneralList v-if="asyncReady" :list="generalList" :troops="troopList" :env="envVal" :toolbarID="toolbarID" :height="'fill'" />
+    <!--<BottomBar />-->
   </BContainer>
 </template>
 
@@ -16,7 +16,7 @@
 </script>
 <script lang="ts" setup>
 import TopBackBar from "@/components/TopBackBar.vue";
-import BottomBar from "@/components/BottomBar.vue";
+//import BottomBar from "@/components/BottomBar.vue";
 import { BContainer } from "bootstrap-vue-3";
 import { onMounted, provide, ref } from "vue";
 import { SammoAPI } from "./SammoAPI";
@@ -34,6 +34,8 @@ const envVal = ref<GeneralListResponse["env"]>({
   turntime: "2022-02-22 22:22:22.22222",
 });
 
+const toolbarID = 'toolbar-id';
+
 const gameConstStore = ref<GameConstStore>();
 provide("gameConstStore", gameConstStore);
 
@@ -93,7 +95,8 @@ body,
 
 .pageNationGeneral {
   display: grid;
-  grid-template-rows: auto 1fr auto;
+  //grid-template-rows: auto 1fr auto;
+  grid-template-rows: auto 1fr;
   height: 100%;
 }
 </style>