Skip to content

Commit bb9a914

Browse files
ericbrown99ericbrown99
committed
Fix storybook sizing
1 parent 6b62089 commit bb9a914

File tree

7 files changed

+26
-26
lines changed

7 files changed

+26
-26
lines changed

‎docs/onchainkit/wallet/wallet-dropdown-basename.mdx‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -55,7 +55,7 @@ export function WalletComponents() {
5555
<iframe
5656
src="https://682cef8eb764086a250fb541-zdfthryttt.chromatic.com/iframe.html?args=&id=onchainkit-wallet-basename--main&viewMode=story&dark=true&hero=true"
5757
width="100%"
58-
height="auto"
58+
height="400"
5959
/>
6060
{/* <WalletComponents>
6161
<Wallet>
@@ -89,7 +89,7 @@ You can override component styles using `className`.
8989
<iframe
9090
src="https://682cef8eb764086a250fb541-zdfthryttt.chromatic.com/iframe.html?args=&id=onchainkit-wallet-basename--override-styles&viewMode=story&dark=true&hero=true"
9191
width="100%"
92-
height="auto"
92+
height="400"
9393
/>
9494
{/* <WalletComponents>
9595
<Wallet>

‎docs/onchainkit/wallet/wallet-dropdown-disconnect.mdx‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -48,7 +48,7 @@ export function WalletComponents() {
4848
<iframe
4949
src="https://682cef8eb764086a250fb541-zdfthryttt.chromatic.com/iframe.html?args=&id=onchainkit-wallet-disconnect--main&viewMode=story&dark=true&hero=true"
5050
width="100%"
51-
height="auto"
51+
height="400"
5252
/>
5353
{/* <WalletComponents>
5454
<Wallet>
@@ -81,7 +81,7 @@ You can override component styles using `className`.
8181
<iframe
8282
src="https://682cef8eb764086a250fb541-zdfthryttt.chromatic.com/iframe.html?args=&id=onchainkit-wallet-disconnect--override-styles&viewMode=story&dark=true&hero=true"
8383
width="100%"
84-
height="auto"
84+
height="400"
8585
/>
8686
{/* <WalletComponents>
8787
<Wallet>
@@ -114,7 +114,7 @@ You can override component text using `text`.
114114
<iframe
115115
src="https://682cef8eb764086a250fb541-zdfthryttt.chromatic.com/iframe.html?args=&id=onchainkit-wallet-disconnect--override-text&viewMode=story&dark=true&hero=true"
116116
width="100%"
117-
height="auto"
117+
height="400"
118118
/>
119119
{/* <WalletComponents>
120120
<Wallet>

‎docs/onchainkit/wallet/wallet-dropdown-fund-link.mdx‎

Lines changed: 6 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -70,7 +70,7 @@ export function WalletComponents() {
7070
<iframe
7171
src="https://682cef8eb764086a250fb541-zdfthryttt.chromatic.com/iframe.html?args=&id=onchainkit-wallet-fundlink--maint&viewMode=story&dark=true&hero=true"
7272
width="100%"
73-
height="auto"
73+
height="400"
7474
/>
7575
{/* <WalletComponents>
7676
<Wallet>
@@ -102,7 +102,7 @@ You can override component text using the `text` prop.
102102
<iframe
103103
src="https://682cef8eb764086a250fb541-zdfthryttt.chromatic.com/iframe.html?args=&id=onchainkit-wallet-fundlink--override-text&viewMode=story&dark=true&hero=true"
104104
width="100%"
105-
height="auto"
105+
height="400"
106106
/>
107107
{/* <WalletComponents>
108108
<Wallet>
@@ -128,7 +128,7 @@ You can override the icon using the `icon` prop.
128128
<iframe
129129
src="https://682cef8eb764086a250fb541-zdfthryttt.chromatic.com/iframe.html?args=&id=onchainkit-wallet-fundlink--override-icon&viewMode=story&dark=true&hero=true"
130130
width="100%"
131-
height="auto"
131+
height="400"
132132
/>
133133
{/* <WalletComponents>
134134
<Wallet>
@@ -154,7 +154,7 @@ You're able to customize the size of the popup window using the `popupSize` prop
154154
<iframe
155155
src="https://682cef8eb764086a250fb541-zdfthryttt.chromatic.com/iframe.html?args=&id=onchainkit-wallet-fundlink--pop-up-size&viewMode=story&dark=true&hero=true"
156156
width="100%"
157-
height="auto"
157+
height="400"
158158
/>
159159
{/* <WalletComponents>
160160
<Wallet>
@@ -180,7 +180,7 @@ You can override default link behavior by using the `openIn` prop. Valid values
180180
<iframe
181181
src="https://682cef8eb764086a250fb541-zdfthryttt.chromatic.com/iframe.html?args=&id=onchainkit-wallet-fundlink--override-default-behavior&viewMode=story&dark=true&hero=true"
182182
width="100%"
183-
height="auto"
183+
height="400"
184184
/>
185185
{/* <WalletComponents>
186186
<Wallet>
@@ -206,7 +206,7 @@ You can override the default URL by using the `fundingUrl` prop.
206206
<iframe
207207
src="https://682cef8eb764086a250fb541-zdfthryttt.chromatic.com/iframe.html?args=&id=onchainkit-wallet-fundlink--override-funding-url&viewMode=story&dark=true&hero=true"
208208
width="100%"
209-
height="auto"
209+
height="400"
210210
/>
211211
{/* <WalletComponents>
212212
<Wallet>

‎docs/onchainkit/wallet/wallet-dropdown-link.mdx‎

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -52,7 +52,7 @@ export function WalletComponents() {
5252
<iframe
5353
src="https://682cef8eb764086a250fb541-zdfthryttt.chromatic.com/iframe.html?args=&id=onchainkit-wallet-link--main&viewMode=story&dark=true&hero=true"
5454
width="100%"
55-
height="auto"
55+
height="400"
5656
/>
5757
{/* <WalletComponents>
5858
<Wallet>
@@ -97,7 +97,7 @@ import {
9797
<iframe
9898
src="https://682cef8eb764086a250fb541-zdfthryttt.chromatic.com/iframe.html?args=&id=onchainkit-wallet-link--custom-link&viewMode=story&dark=true&hero=true"
9999
width="100%"
100-
height="auto"
100+
height="400"
101101
/>
102102
{/* <WalletComponents>
103103
<Wallet>
@@ -145,7 +145,7 @@ import {
145145
<iframe
146146
src="https://682cef8eb764086a250fb541-zdfthryttt.chromatic.com/iframe.html?args=&id=onchainkit-wallet-link--custom-children&viewMode=story&dark=true&hero=true"
147147
width="100%"
148-
height="auto"
148+
height="400"
149149
/>
150150
{/* <WalletComponents>
151151
<Wallet>
@@ -187,7 +187,7 @@ import {
187187
<iframe
188188
src="https://682cef8eb764086a250fb541-zdfthryttt.chromatic.com/iframe.html?args=&id=onchainkit-wallet-link--customize-text-and-style&viewMode=story&dark=true&hero=true"
189189
width="100%"
190-
height="auto"
190+
height="400"
191191
/>
192192
{/* <WalletComponents>
193193
<Wallet>

‎docs/onchainkit/wallet/wallet-island.mdx‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -68,7 +68,7 @@ it around.
6868
<iframe
6969
src="https://682cef8eb764086a250fb541-zdfthryttt.chromatic.com/iframe.html?args=&id=onchainkit-wallet-island--main&viewMode=story&dark=true&hero=true"
7070
width="100%"
71-
height="auto"
71+
height="800"
7272
/>
7373
{/* <WalletComponents>
7474
<WalletAdvancedDefault />
@@ -142,7 +142,7 @@ export function YourWalletAdvanced() {
142142
<iframe
143143
src="https://682cef8eb764086a250fb541-zdfthryttt.chromatic.com/iframe.html?args=&id=onchainkit-wallet-island--wallet-and-advanced&viewMode=story&dark=true&hero=true"
144144
width="100%"
145-
height="auto"
145+
height="800"
146146
/>
147147
{/* <WalletComponents>
148148
<Wallet>
@@ -218,7 +218,7 @@ Explore the options for customizing the Connect button text and style [here](/on
218218
src="/images/onchainkit/wallet-modal.png"
219219
height="364"
220220
width="364"
221-
className="mx-auto"
221+
className="mx-400"
222222
/>
223223
</Frame>
224224

‎docs/onchainkit/wallet/wallet-modal.mdx‎

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -10,7 +10,7 @@ description: The Wallet Modal provides users with multiple wallet connection opt
1010
src="/images/onchainkit/wallet-modal.png"
1111
height="364"
1212
width="364"
13-
className="mx-auto"
13+
className="mx-400"
1414
/>
1515
</Frame>
1616

@@ -34,7 +34,7 @@ description: The Wallet Modal provides users with multiple wallet connection opt
3434
appearance: {
3535
name: 'Your App Name', // Displayed in modal header
3636
logo: 'https://your-logo.com',// Displayed in modal header
37-
mode: 'auto', // 'light' | 'dark' | 'auto'
37+
mode: '400', // 'light' | 'dark' | '400'
3838
theme: 'default', // 'default' or custom theme
3939
},
4040
wallet: { // [!code focus]
@@ -71,7 +71,7 @@ description: The Wallet Modal provides users with multiple wallet connection opt
7171
<iframe
7272
src="https://682cef8eb764086a250fb541-zdfthryttt.chromatic.com/iframe.html?args=&id=onchainkit-wallet-modal--connect-wallet-in-ui&viewMode=story&dark=true&hero=true"
7373
width="100%"
74-
height="auto"
74+
height="400"
7575
/>
7676
{/* <AppWithWalletModal>
7777
<div className="my-10 flex justify-center">
@@ -130,7 +130,7 @@ By default, the wallet modal includes Coinbase Wallet, MetaMask, and Phantom as
130130
appearance: {
131131
name: 'Your App Name',
132132
logo: 'https://your-logo.com',
133-
mode: 'auto',
133+
mode: '400',
134134
theme: 'default',
135135
},
136136
wallet: {

‎docs/onchainkit/wallet/wallet.mdx‎

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -27,7 +27,7 @@ import { Wallet } from '@coinbase/onchainkit/wallet';
2727
<iframe
2828
src="https://682cef8eb764086a250fb541-zdfthryttt.chromatic.com/iframe.html?args=&id=onchainkit-wallet-walletcomponents--base&viewMode=story&dark=true&hero=true"
2929
width="100%"
30-
height="auto"
30+
height="400"
3131
/>
3232
{/* <WalletComponents>
3333
<Wallet />
@@ -117,7 +117,7 @@ import { Wallet } from '@coinbase/onchainkit/wallet';
117117
<iframe
118118
src="https://682cef8eb764086a250fb541-zdfthryttt.chromatic.com/iframe.html?args=&id=onchainkit-wallet-walletcomponents--with-identity-and-disconnect&viewMode=story&dark=true&hero=true"
119119
width="100%"
120-
height="auto"
120+
height="400"
121121
/>
122122
{/* <WalletComponents>
123123
<Wallet>
@@ -197,7 +197,7 @@ import { Wallet } from '@coinbase/onchainkit/wallet';
197197
<iframe
198198
src="https://682cef8eb764086a250fb541-zdfthryttt.chromatic.com/iframe.html?args=&id=onchainkit-wallet-walletcomponents--full-dropdown&viewMode=story&dark=true&hero=true"
199199
width="100%"
200-
height="auto"
200+
height="600"
201201
/>
202202
{/* <WalletComponents>
203203
<Wallet>
@@ -284,7 +284,7 @@ import { color } from '@coinbase/onchainkit/theme';
284284
<iframe
285285
src="https://682cef8eb764086a250fb541-zdfthryttt.chromatic.com/iframe.html?args=&id=onchainkit-wallet-walletcomponents--custom-styling&viewMode=story&dark=true&hero=true"
286286
width="100%"
287-
height="auto"
287+
height="400"
288288
/>
289289
{/* <WalletComponents>
290290
<Wallet>

0 commit comments

Comments
 (0)