fix: account button hide balance on small device views (#1669)

WalletConnect · Dec 27, 2023 · 48f5085 · 48f5085 · vercel · Dec 27, 2023
1 parent 13b71a0
commit 48f5085
Showing 1 changed file with 18 additions and 0 deletions.
diff --git a/packages/ui/src/composites/wui-account-button/styles.ts b/packages/ui/src/composites/wui-account-button/styles.ts
@@ -74,6 +74,24 @@ export default css`
     box-shadow: 0 0 0 2px var(--wui-accent-glass-010);
   }
 
+  @media (max-width: 500px) {
+    button {
+      gap: 0px;
+    }
+    wui-image,
+    wui-icon-box,
+    button > wui-text {
+      visibility: hidden;
+      width: 0px;
+      height: 0px;
+    }
+    button > wui-flex {
+      border-radius: 0px;
+      border: none;
+      background: transparent;
+    }
+  }
+
   @media (hover: hover) and (pointer: fine) {
     button:hover:enabled > wui-flex > wui-text {
       color: var(--wui-color-fg-175);