fix: compact mode

radixdlt · Aug 10, 2023 · b7daab9 · b7daab9
1 parent 0bb2b07
commit b7daab9
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 9 deletions.
diff --git a/src/components/connect-button.ts b/src/components/connect-button.ts
@@ -1,5 +1,5 @@
 import { LitElement, css, html } from 'lit'
-import { customElement, property, state } from 'lit/decorators.js'
+import { customElement, property } from 'lit/decorators.js'
 import { config } from '../config'
 import './popover/popover'
 import './button/button'
@@ -88,10 +88,8 @@ export class ConnectButton extends LitElement {
   @property({ type: String })
   avatarUrl: string = ''
 
-  @state()
-  state = {
-    compact: false,
-  }
+  @property({ type: Boolean, state: true })
+  compact = false
 
   get hasSharedData(): boolean {
     return !!(this.accounts.length || this.personaData.length)
@@ -151,7 +149,7 @@ export class ConnectButton extends LitElement {
       ?fullWidth=${this.fullWidth}
       @onClick=${this.togglePopover}
       @onResize=${(event: CustomEvent) => {
-        this.state.compact = event.detail.offsetWidth === 42
+        this.compact = event.detail.offsetWidth === 40
       }}
       ><div>${buttonText}</div></radix-button
     >`
@@ -211,11 +209,10 @@ export class ConnectButton extends LitElement {
 
   private popoverTemplate() {
     if (!this.showPopover) return ''
-
     return html` <radix-popover
       mode="${this.mode}"
       ?connected=${this.connected}
-      ?compact=${this.state.compact}
+      ?compact=${this.compact}
       class=${classMap({ popover: true, 'show-popover': this.showPopover })}
     >
       ${this.connected

diff --git a/src/components/pages/requests.ts b/src/components/pages/requests.ts
@@ -66,7 +66,7 @@ export class RadixRequestsPage extends LitElement {
     pageStyles,
     css`
       .subheader {
-        color: var(--color-grey-2);
+        color: var(--radix-card-text-dimmed-color);
         margin-top: -12px;
         margin-bottom: 15px;
         text-align: center;