diff --git a/src/components/connect-button.ts b/src/components/connect-button.ts index 61f7e5b..ecbb86b 100644 --- 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 }} >
${buttonText}
` @@ -211,11 +209,10 @@ export class ConnectButton extends LitElement { private popoverTemplate() { if (!this.showPopover) return '' - return html` ${this.connected diff --git a/src/components/pages/requests.ts b/src/components/pages/requests.ts index 808f586..e9fc690 100644 --- 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;