src/App.vue

@@ -67,6 +67,10 @@ async function saveResult() {
     const isUsedPlatform = listOfTrips.value.some(item => item.isPlatform);
     const isUsedQR = listOfTrips.value.some(item => item.isQR);
 
+    isModalVisible.value = true;
+    if (!listOfTrips.value.length) {
+        return
+    }
     if (isUsedPlatform) {
         let textOfCode = color
         textOfCode = textOfCode.split('<<separator>>')
@@ -102,7 +106,6 @@ async function saveResult() {
     } else {
         finallyText.value = finallyText.value.replace("<<qr_function>>", '');
     }
-    isModalVisible.value = true;
 }
 
 function cancel() {
@@ -125,7 +128,10 @@ function cleanResult() {
         item.variable = [];
         item.BgImg = 'images/ArUco-marker.jpg'
     })
-    listOfTrips.value = [];
+    izitoast.info({
+        title: 'Поле очищено',
+        message: 'Поле очищено. Можно строить маршрут заново',
+    })
 }
 
 // Обрабатываем нажатие Ctrl + Z
@@ -359,8 +365,9 @@ body {
 .wraper {
     display: flex;
     justify-content: center;
-    padding: 1% 0;
-    
+    padding-top: 20px;
+    //padding: 20% 0;
+    //TODO: рассмотреть вариант
 }
 
 .grid {
@@ -409,7 +416,6 @@ body {
 
 .actions {
     margin: 3px 0 0 10px;
-
     display: flex;
     flex-direction: column;
     gap: 10px;

src/components/MyDialog.vue

@@ -123,6 +123,10 @@ useEventListener("keydown", handleKeydown);
     border-radius: 5px;
 }
 
+.modal-footer a {
+    border-radius: 5px;
+}
+
 .modal-footer-success button {
     background-color: var(--successColor);
     border: none;

src/components/MyDropMenu.vue

@@ -129,7 +129,7 @@ h1 {
     position: fixed;
     top: 0;
     left: 0;
-    width: 240px;
+    width: 25%;
     height: 100%;
     background-image: radial-gradient(#23aae3e2, #222222);
     color: white;
@@ -153,6 +153,10 @@ h1 {
     display: flex;
 }
 
+main {
+    text-align: justify;
+}
+
 .navigation-wrapper__footer {
     display: flex;
     gap: 10px;

src/shared/izitoast.js

@@ -1,7 +1,7 @@
 import iziToast from 'iziToast';
 
 iziToast.settings({
-    timeout: 3000,
+    timeout: 2500,
     closeOnEscape: true,
     closeOnClick : true,
     resetOnHover: false,