Some fixed UI bugs

xtonwallet · Jan 9, 2023 · 3888ee9 · 3888ee9
1 parent 8f863f5
commit 3888ee9
Show file tree

Hide file tree

Showing 3 changed files with 15 additions and 15 deletions.
diff --git a/src/components/Elements/Popup/Modals/SendingTransaction.svelte b/src/components/Elements/Popup/Modals/SendingTransaction.svelte
@@ -151,7 +151,7 @@
   };
 
   const calculateFee = () => {
-    if (amount.value == "") {
+    if (amount.value == "" || typeof(destination.dataset.value) == "undefined") {
       disabled = true;
       return;
     }

diff --git a/src/components/Elements/Popup/Modals/ShowNftContent.svelte b/src/components/Elements/Popup/Modals/ShowNftContent.svelte
@@ -109,7 +109,7 @@
     border: 1px solid var(--color-primary);
     width: 45%;
     box-sizing: border-box;
-    margin: 2%;
+    margin: 1%;
     font-size: 1.2rem;
   }
 

diff --git a/src/components/Styles.svelte b/src/components/Styles.svelte
@@ -851,34 +851,34 @@
     background: inherit;
   }
 
-  .grouped {
-    flex-direction: column;
-  }
-
   .input-box-50 {
     background: inherit;
     width: 100%;
   }
 
-  .grouped>:not(:last-child) {
-    margin-right: 0px;
-  }
-
   .flow-buttons {
     margin-bottom: 4rem;
   }
 
+  .page .grouped {
+    flex-direction: column;
+  }
+
+  .page .grouped>:not(:last-child) {
+    margin-right: 0px;
+  }
+
   @media (min-width: 480px) {
-    .grouped {
+    .page .grouped {
       flex-direction: inherit;
     }
 
-    .input-box-50 {
-      width: 50%;
+    .page .grouped>:not(:last-child) {
+      margin-right: 16px;
     }
 
-    .grouped>:not(:last-child) {
-      margin-right: 16px;
+    .input-box-50 {
+      width: 50%;
     }
 
     .flow-buttons {