taby: nawigacja

src/components/tabs/NumberGeneratorTab.vue

@@ -2,7 +2,6 @@
   <div class="number-generator tab">
     <div class="tab_header">
       <h2>GENERATOR NUMERU POCIĄGU</h2>
-      <button class="btn" @click="() => (store.stockSectionMode = 'stock-list')">POWRÓT DO LISTY &gt;</button>
     </div>
 
     <div class="tab_content">
@@ -35,15 +34,12 @@
 </template>
 
 <script setup lang="ts">
-import { Ref, computed, ref } from 'vue';
-import { useStore } from '../../store';
+import { Ref, ref } from 'vue';
 
 import genData from '../../constants/numberGeneratorData.json';
 
 type RegionName = keyof typeof genData.regionNumbers;
 
-const store = useStore();
-
 const beginRegionName = ref(null) as Ref<RegionName | null>;
 const endRegionName = ref(null) as Ref<RegionName | null>;
 const categoryRules = ref(null) as Ref<string | null>;

src/components/tabs/StockGeneratorTab.vue

@@ -2,7 +2,6 @@
   <div class="stock-generator tab">
     <div class="tab_header">
       <h2>GENERATOR SKŁADU TOWAROWEGO</h2>
-      <button class="btn" @click="() => (store.stockSectionMode = 'stock-list')">POWRÓT DO LISTY &gt;</button>
     </div>
 
     <div class="tab_content">
@@ -229,8 +228,6 @@ export default defineComponent({
 @import '../../styles/global.scss';
 @import '../../styles/tab.scss';
 
-
-
 h2 {
   margin: 1em 0;
 }

src/components/tabs/StockListTab.vue

@@ -1,6 +1,6 @@
 <template>
   <section class="stock-list">
-    <div class="stock_actions">
+    <!-- <div class="stock_actions">
       <label class="file-label">
         <input
           type="file"
@@ -14,7 +14,7 @@
 
       <button class="btn" @click="store.stockSectionMode = 'number-generator'">GENERUJ NUMER</button>
       <button class="btn" @click="store.stockSectionMode = 'stock-generator'">LOSUJ SKŁAD</button>
-    </div>
+    </div> -->
 
     <div class="stock_controls" :data-disabled="store.chosenStockListIndex == -1">
       <b class="no">
@@ -112,7 +112,7 @@
     <StockThumbnails :onListItemClick="onListItemClick" :onStockImageError="stockImageError" />
 
     <!-- Stock list -->
-    <ul ref="list">
+    <ul ref="stock_list">
       <li v-if="stockIsEmpty" class="list-empty">
         <div class="stock-info">Lista pojazdów jest pusta!</div>
       </li>
@@ -431,6 +431,8 @@ export default defineComponent({
   flex-wrap: wrap;
 
   padding: 0.5em;
+  margin-bottom: 1em;
+
   background-color: #353a57;
 
   &[data-disabled='true'] {
@@ -462,7 +464,7 @@ export default defineComponent({
 .stock_actions {
   display: grid;
   gap: 0.5em;
-  margin: 1em 0;
+  margin-bottom: 1em;
 
   grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));