diff --git a/src/App.vue b/src/App.vue index 8e9f2bd..76feee5 100644 --- a/src/App.vue +++ b/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('<>') @@ -102,7 +106,6 @@ async function saveResult() { } else { finallyText.value = finallyText.value.replace("<>", ''); } - 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; diff --git a/src/components/MyDialog.vue b/src/components/MyDialog.vue index 36b47ad..e8b95c7 100644 --- a/src/components/MyDialog.vue +++ b/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; diff --git a/src/components/MyDropMenu.vue b/src/components/MyDropMenu.vue index 80653d9..6a1c6f0 100644 --- a/src/components/MyDropMenu.vue +++ b/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; diff --git a/src/shared/izitoast.js b/src/shared/izitoast.js index 91a9911..133c879 100644 --- a/src/shared/izitoast.js +++ b/src/shared/izitoast.js @@ -1,7 +1,7 @@ import iziToast from 'iziToast'; iziToast.settings({ - timeout: 3000, + timeout: 2500, closeOnEscape: true, closeOnClick : true, resetOnHover: false,