minor bug fixes

components.js

@@ -2101,6 +2101,7 @@ slideButton.innerHTML = `
             left: 50%;
             transform: translateX(-50%); 
             opacity: 0.7;
+            user-select: none;
         }
         :host([disabled]) .slide-thumb{
             pointer-events: none;
@@ -2166,7 +2167,6 @@ class SlideButton extends HTMLElement {
         this.bound = buttonDimensions.width - thumbDimensions.width;
         this.startX = e.clientX;
         this.threshold = this.bound / 2;
-        console.log(e.clientX, this.startX)
         this.thumb.setPointerCapture(e.pointerId);
         this.thumb.addEventListener('pointermove', this.handleTouchMove);
         this.thumb.addEventListener('pointerup', this.handleTouchEnd);

css/main.css

@@ -666,7 +666,7 @@ strip-option {
   text-transform: uppercase;
   font-weight: 500;
   letter-spacing: 0.05em;
-  font-size: 0.7rem;
+  font-size: 0.8rem;
   --border-radius: 0;
   --active-option-color: rgba(var(--background-color), 1);
   --active-option-background-color: var(--accent-color);
@@ -834,7 +834,7 @@ strip-option:last-of-type {
 .status-tag:not(:empty) {
   text-transform: uppercase;
   letter-spacing: 0.05em;
-  font-size: 0.7rem;
+  font-size: 0.8rem;
   border-radius: 0.2rem;
   padding: 0.3rem 0.4rem;
   font-weight: 500;
@@ -1398,7 +1398,7 @@ strip-option:last-of-type {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
-    font-size: 0.7rem;
+    font-size: 0.8rem;
     font-weight: 500;
     color: rgba(var(--text-color), 0.8);
     margin-top: 0.3rem;

css/main.scss

@@ -585,7 +585,7 @@ strip-option {
   text-transform: uppercase;
   font-weight: 500;
   letter-spacing: 0.05em;
-  font-size: 0.7rem;
+  font-size: 0.8rem;
   --border-radius: 0;
   --active-option-color: rgba(var(--background-color), 1);
   --active-option-background-color: var(--accent-color);
@@ -721,7 +721,7 @@ strip-option {
 .status-tag:not(:empty) {
   text-transform: uppercase;
   letter-spacing: 0.05em;
-  font-size: 0.7rem;
+  font-size: 0.8rem;
   border-radius: 0.2rem;
   padding: 0.3rem 0.4rem;
   font-weight: 500;
@@ -1165,7 +1165,7 @@ strip-option {
     flex-direction: column;
     &__title {
       display: flex;
-      font-size: 0.7rem;
+      font-size: 0.8rem;
       font-weight: 500;
       color: rgba(var(--text-color), 0.8);
       margin-top: 0.3rem;

index.html

@@ -1895,7 +1895,7 @@
             getRef(`${type}_button_wrapper`).append(document.createElement('sm-spinner'))
         }
         function hideProcess(type) {
-            getRef(`${type}_button_wrapper`).children[0].classList.remove('clip')
+            getRef(`${type}_button_wrapper`).children[0]?.classList.remove('clip')
             getRef(`${type}_button_wrapper`).querySelector('sm-spinner')?.remove()
         }
 
@@ -2072,7 +2072,7 @@
                     }
                 } else {
                     refreshBalance()
-                    // checkPendingTransaction()
+                    checkPendingTransaction()
                 }
             }
         }