Poprawki funkcjonalności i dostępności

src/components/OrderList.vue

@@ -3,6 +3,8 @@
     <h3>Zapisane rozkazy pisemne ({{ localOrderList.length }})</h3>
 
     <transition-group name="list" tag="ul">
+      <li class="no-orders-warning" v-if="sortedOrderList.length == 0" :key="-1">Brak zapisanych rozkazów!</li>
+
       <li v-for="order in sortedOrderList" :key="order.id">
         <b>
           {{ getOrderName(order.orderType) }} nr {{ order.orderBody['header']['orderNo'] }} dla pociągu nr
@@ -84,12 +86,12 @@ export default defineComponent({
   &-move,
   &-enter-active,
   &-leave-active {
-    transition: all 0.5s ease;
+    transition: all 250ms ease;
   }
   &-enter-from,
   &-leave-to {
     opacity: 0;
-    transform: translateX(30px);
+    transform: translateY(30px);
   }
 
   &-leave-active {
@@ -126,5 +128,11 @@ li {
   button {
     margin: 1em 1em 0 0;
   }
+
+  &.no-orders-warning {
+    text-align: center;
+    font-size: 1.2em;
+    cursor: default;
+  }
 }
 </style>