fix: capped networks view grid height to 70vh (#1701)

WalletConnect · Jan 4, 2024 · 080d222 · 080d222 · vercel · Jan 4, 2024
1 parent 5b6b17e
commit 080d222
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 0 deletions.
diff --git a/packages/scaffold/src/views/w3m-networks-view/index.ts b/packages/scaffold/src/views/w3m-networks-view/index.ts
@@ -11,9 +11,11 @@ import { customElement } from '@web3modal/ui'
 import { LitElement, html } from 'lit'
 import { state } from 'lit/decorators.js'
 import { ifDefined } from 'lit/directives/if-defined.js'
+import styles from './styles.js'
 
 @customElement('w3m-networks-view')
 export class W3mNetworksView extends LitElement {
+  public static override styles = styles
   // -- Members ------------------------------------------- //
   private unsubscribe: (() => void)[] = []
 

diff --git a/packages/scaffold/src/views/w3m-networks-view/styles.ts b/packages/scaffold/src/views/w3m-networks-view/styles.ts
@@ -0,0 +1,12 @@
+import { css } from 'lit'
+
+export default css`
+  :host > wui-grid {
+    max-height: 360px;
+    overflow: auto;
+  }
+
+  wui-grid::-webkit-scrollbar {
+    display: none;
+  }
+`