bump 2.3.1; poprawki responsywności tabelki

.env

@@ -1,3 +1,3 @@
 VITE_API_URL="https://stacjownik.spythere.eu"
 VITE_API_URL_DEV="http://localhost:3001"
-VITE_API_MODE="PROD"
+VITE_API_MODE="DEV"

package.json

@@ -1,7 +1,7 @@
 {
   "name": "station-manager-2.0",
   "private": true,
-  "version": "2.3.0",
+  "version": "2.3.1",
   "type": "module",
   "scripts": {
     "dev": "vite",

src/App.vue

@@ -147,6 +147,7 @@ button {
 /* width */
 ::-webkit-scrollbar {
   width: 7px;
+  height: 7px;
 }
 
 /* Track */
@@ -154,6 +155,11 @@ button {
   background: #333;
 }
 
+/* Corner */
+::-webkit-scrollbar-corner {
+  background: #333;
+}
+
 /* Handle */
 ::-webkit-scrollbar-thumb {
   background: #888;

src/mixins/routesMixin.ts

@@ -9,11 +9,9 @@ export default defineComponent({
           // !Oc_2EPB
           return `<span ${route.routeSpeed != 0 && route.routeLength != 0 ? 'class="text--accent"' : ''}>${
             route.isInternal ? '<u>' + route.routeName + '</u>' : route.routeName
-          }</span> <span style='color: #aaa'>(${route.routeTracks}/${route.isElectric ? 'E' : 'N'}/${
+          }</span> <span style='color: #aaa'>(${route.routeTracks}/${route.isElectric ? 'E' : 'N'}/${route.isRouteSBL ? 'S' : 'P'})</span>`;
-            route.isRouteSBL ? 'S' : 'P'
-          })`;
         })
-        .join(', ');
+        .join(' ');
     },
   },
 });

src/views/ManagerView.vue

@@ -17,7 +17,7 @@
 
         <tbody>
           <tr v-for="(station, row) in store.sortedStationList" tabindex="0">
-            <td v-for="(value, propName) in headerNameList" @click="changeProperty(station, row, propName as string)">
+            <td v-for="(value, propName) in headerNameList" @click="changeProperty(station, row, propName as string)" :class="propName">
               <span v-if="propName === 'url'" :style="station.url ? 'color: gold' : 'color: gray;'">URL</span>
               <span v-else-if="propName === 'projectUrl'" :style="station.projectUrl ? 'color: gold' : 'color: gray;'">URL</span>
 
@@ -181,9 +181,6 @@ table {
   color: white;
   position: relative;
   border-collapse: collapse;
-
-  width: 100%;
-  min-width: 1800px;
 }
 
 table thead {
@@ -202,12 +199,18 @@ table th {
 table tr {
   background-color: #2c394b;
   transition: background-color 100ms;
+  text-overflow: ellipsis;
 }
 
 table tr.current {
   outline: 1px solid white;
 }
 
+table td.routes {
+  font-size: 0.9em;
+  min-width: 150px;
+}
+
 table tr:nth-child(even) {
   background-color: #334756;
 }