Merge pull request #3 from Spythere/development

Wersja 2.3.1

.env

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

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/common/http.ts

@@ -1,6 +1,6 @@
 import axios from 'axios';
 
-const baseURL = import.meta.env['VITE_API_MODE'] == 'DEV' ? import.meta.env['VITE_API_URL_DEV'] : import.meta.env['VITE_API_URL'];
+const baseURL = import.meta.env['VITE_API_MODE'] == 'DEV' ? 'http://localhost:3001' : 'https://stacjownik.spythere.eu';
 
 const client = axios.create({
   baseURL: baseURL,

src/components/TableActions.vue

@@ -50,7 +50,7 @@
 
     <div class="pane">
       Pokazuj maks.
-      <input type="number" min="1" v-model="store.maxVisibleResults" style="width: 50px" />
+      <input type="number" min="1" v-model="store.maxVisibleResults" style="width: 3em; margin: 0 0.5em" />
       wyników
     </div>
 
@@ -65,7 +65,8 @@
     </div>
 
     <div class="changelog" v-if="changelogVisible">
-      <div>Changelog:</div>
+      <h3>Changelog:</h3>
+      <hr color="white" />
 
       <div v-html="changelog || 'brak zmian'"></div>
     </div>
@@ -349,8 +350,17 @@ label.notify {
   }
 }
 .changelog {
-  height: 200px;
-  overflow: auto;
+  position: relative;
+
+  div {
+    height: 200px;
+
+    overflow: auto;
+  }
+
+  h3 {
+    margin: 0;
+  }
 }
 
 @media screen and (max-width: 550px) {
@@ -358,5 +368,9 @@ label.notify {
     justify-content: center;
     text-align: center;
   }
+
+  .changelog h3 {
+    text-align: center;
+  }
 }
 </style>

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'}/${
-            route.isRouteSBL ? 'S' : 'P'
-          })`;
+          }</span> <span style='color: #aaa'>(${route.routeTracks}/${route.isElectric ? 'E' : 'N'}/${route.isRouteSBL ? 'S' : 'P'})</span>`;
         })
-        .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;
 }