diff --git a/.changeset/twelve-pianos-count.md b/.changeset/twelve-pianos-count.md new file mode 100644 index 0000000000..df52d54e05 --- /dev/null +++ b/.changeset/twelve-pianos-count.md @@ -0,0 +1,24 @@ +--- +'@reown/appkit-scaffold-ui': patch +'@apps/laboratory': patch +'@reown/appkit-ui': patch +'@apps/demo': patch +'@apps/gallery': patch +'@reown/appkit-adapter-ethers': patch +'@reown/appkit-adapter-ethers5': patch +'@reown/appkit-adapter-polkadot': patch +'@reown/appkit-adapter-solana': patch +'@reown/appkit-adapter-wagmi': patch +'@reown/appkit': patch +'@reown/appkit-utils': patch +'@reown/appkit-cdn': patch +'@reown/appkit-common': patch +'@reown/appkit-core': patch +'@reown/appkit-experimental': patch +'@reown/appkit-polyfills': patch +'@reown/appkit-siwe': patch +'@reown/appkit-siwx': patch +'@reown/appkit-wallet': patch +--- + +Improves SnackBar styles and routes proper relay messages to it on wc-connecting-view diff --git a/packages/scaffold-ui/src/views/w3m-connecting-wc-view/index.ts b/packages/scaffold-ui/src/views/w3m-connecting-wc-view/index.ts index 4346f6d24e..260fd7128a 100644 --- a/packages/scaffold-ui/src/views/w3m-connecting-wc-view/index.ts +++ b/packages/scaffold-ui/src/views/w3m-connecting-wc-view/index.ts @@ -83,9 +83,11 @@ export class W3mConnectingWcView extends LitElement { }) ConnectionController.setWcError(true) if (CoreHelperUtil.isAllowedRetry(this.lastRetry)) { - SnackController.showError('Declined') + SnackController.showError((error as BaseError).message ?? 'Declined') this.lastRetry = Date.now() this.initializeConnection(true) + } else { + SnackController.showError((error as BaseError).message ?? 'Connection error') } } } diff --git a/packages/ui/src/composites/wui-snackbar/styles.ts b/packages/ui/src/composites/wui-snackbar/styles.ts index f362c11668..7279f6d061 100644 --- a/packages/ui/src/composites/wui-snackbar/styles.ts +++ b/packages/ui/src/composites/wui-snackbar/styles.ts @@ -3,17 +3,18 @@ import { css } from 'lit' export default css` :host { display: flex; - column-gap: var(--wui-spacing-xs); + column-gap: var(--wui-spacing-s); align-items: center; padding: var(--wui-spacing-xs) var(--wui-spacing-m) var(--wui-spacing-xs) var(--wui-spacing-xs); - border-radius: var(--wui-border-radius-3xl); + border-radius: var(--wui-border-radius-s); border: 1px solid var(--wui-color-gray-glass-005); box-sizing: border-box; - max-height: 40px; background-color: var(--wui-color-bg-175); box-shadow: 0px 14px 64px -4px rgba(0, 0, 0, 0.15), 0px 8px 22px -6px rgba(0, 0, 0, 0.15); + + max-width: 300px; } :host wui-loading-spinner {