added addresses to respective assets

css/main.css

@@ -254,6 +254,10 @@ strip-option {
           user-select: none;
 }
 
+sm-copy {
+  font-size: 0.9rem;
+}
+
 ul,
 ol {
   list-style: none;
@@ -831,14 +835,22 @@ ol li::before {
   display: grid;
   gap: 0.5rem;
   grid-template-columns: repeat(auto-fit, minmax(20rem, 1fr));
+  align-items: flex-start;
 }
 
 .balance-card {
   display: grid;
-  gap: 1.5rem;
-  border-radius: 0.5rem;
-  padding: 1rem;
+  overflow: hidden;
+  border-radius: 0.8rem;
   background-color: rgba(var(--foreground-color), 1);
+  border: solid 0.1rem rgba(var(--text-color), 0.1);
+}
+.balance-card > * {
+  padding: 1rem;
+  gap: 1.5rem;
+}
+.balance-card > :last-child:not(:only-child) {
+  border-top: thin solid rgba(var(--text-color), 0.2);
 }
 .balance-card .asset-icon {
   position: relative;
@@ -1649,9 +1661,8 @@ ol li::before {
   .card {
     padding: 1.5rem;
   }
-  .balance-card {
+  .balance-card > * {
     padding: 1.5rem;
-    border-radius: 1rem;
   }
   #contact > * {
     padding: 1rem 12vw;

css/main.scss

@@ -231,6 +231,9 @@ strip-option {
   --border-radius: 0.2rem;
   user-select: none;
 }
+sm-copy {
+  font-size: 0.9rem;
+}
 ul,
 ol {
   list-style: none;
@@ -777,13 +780,22 @@ ol {
   display: grid;
   gap: 0.5rem;
   grid-template-columns: repeat(auto-fit, minmax(20rem, 1fr));
+  align-items: flex-start;
 }
 .balance-card {
   display: grid;
-  gap: 1.5rem;
-  border-radius: 0.5rem;
-  padding: 1rem;
+  overflow: hidden;
+  border-radius: 0.8rem;
   background-color: rgba(var(--foreground-color), 1);
+  border: solid 0.1rem rgba(var(--text-color), 0.1);
+  & > * {
+    padding: 1rem;
+    gap: 1.5rem;
+  }
+
+  & > :last-child:not(:only-child) {
+    border-top: thin solid rgba(var(--text-color), 0.2);
+  }
   .asset-icon {
     position: relative;
     height: 2.5rem;
@@ -1558,8 +1570,9 @@ ol {
     padding: 1.5rem;
   }
   .balance-card {
-    padding: 1.5rem;
-    border-radius: 1rem;
+    & > * {
+      padding: 1.5rem;
+    }
   }
   #contact {
     & > * {

scripts/std_ui.js

@@ -313,20 +313,6 @@ window.addEventListener("load", () => {
         })
     })
 });
-function toggleFloIDVisibility(hide) {
-    document.querySelectorAll('.logged-in-user-id').forEach(elem => {
-        if(hide)
-            elem.classList.add('hide')
-        else
-            elem.classList.remove('hide')
-    })
-    document.querySelectorAll('.app-name').forEach(elem => {
-        if(hide)
-            elem.classList.remove('hide')
-        else
-            elem.classList.add('hide')
-    })
-}
 function createRipple(event, target) {
     const circle = document.createElement("span");
     const diameter = Math.max(target.clientWidth, target.clientHeight);