fix: Revamp Error Feedback Centralized (#377)

HathorNetwork · Jan 6, 2025 · 0bc30c3 · 0bc30c3
1 parent 6f2c47e
commit 0bc30c3
Show file tree

Hide file tree

Showing 2 changed files with 22 additions and 10 deletions.
diff --git a/src/components/Navigation.js b/src/components/Navigation.js
@@ -274,12 +274,9 @@ function Navigation() {
           </div>
           <Sidebar close={() => setShowSidebar(false)} open={showSidebar} />
         </nav>
-        <NewHathorAlert
-          ref={alertErrorRef}
-          text="Invalid hash format or address"
-          type="error"
-          fixedPosition
-        />
+        <div className="new-hathor-alert-container">
+          <NewHathorAlert ref={alertErrorRef} text="Invalid hash format or address" type="error" />
+        </div>
       </>
     );
   };

diff --git a/src/newUi.scss b/src/newUi.scss
@@ -943,23 +943,34 @@ nav {
   }
 }
 
+.new-hathor-alert-container {
+  display: flex;
+  position: fixed;
+  justify-content: center;
+  align-items: center;
+  padding: 0px 0px 17px 0px;
+  bottom: 220px;
+  width: 100%;
+}
+
 .new-hathor-alert {
+  white-space: nowrap;
   display: flex;
   flex-direction: row;
-  padding: 4px 8px;
+  padding: 4px 100px 4px 100px;
   gap: 4px;
   border-radius: 4px;
   border: none;
-  width: 70%;
+  width: fit-content;
   color: white;
   justify-content: space-between;
   z-index: 9999;
   margin: 0;
 
   &.fixed-position {
     position: fixed !important;
-    right: 2rem;
-    bottom: 2rem;
+    right: 15%;
+    bottom: 50%;
   }
 }
 
@@ -3511,6 +3522,10 @@ th.sortable {
       display: none;
     }
   }
+
+  .new-hathor-alert {
+    padding: 4px 8px 4px 8px;
+  }
 }
 
 @media screen and (width <= 850px) {