Skip to content

Commit

Permalink
run format
Browse files Browse the repository at this point in the history
  • Loading branch information
@roushou
roushou committed Jun 9, 2024
1 parent 83f8526 commit 362e411
Show file tree
Hide file tree
Showing 3 changed files with 69 additions and 18 deletions.
5 changes: 4 additions & 1 deletion site/docs/pages/token/token-chip.mdx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -27,7 +27,10 @@ const token = {
```

```html [return html]
<button data-testid="ockTokenChip_Button" class="flex w-fit items-center rounded-2xl bg-[#eef0f3] py-1 pl-1 pr-3 hover:bg-[#cacbce] hover:active:bg-[#bfc1c3]">
<button
data-testid="ockTokenChip_Button"
class="flex w-fit items-center rounded-2xl bg-[#eef0f3] py-1 pl-1 pr-3 hover:bg-[#cacbce] hover:active:bg-[#bfc1c3]"
>
<img
class="mr-2 h-6 w-6"
src="https://dynamic-assets.coinbase.com/dbb4b4983bde81309ddab83eb598358eb44375b930b94687ebe38bc22e52c3b2125258ffb8477a5ef22e33d6bd72e32a506c391caa13af64c00e46613c3e5806/asset_icons/4113b082d21cc5fab17fc8f2d19fb996165bcce635e6900f7fc2d57c4ef33ae9.png"
Expand Down
47 changes: 37 additions & 10 deletions site/docs/pages/token/token-row.mdx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -20,7 +20,10 @@ const token = { ... };
```

```html [return html]
<button data-testid="ockTokenRow_Container" class="flex h-16 w-full cursor-pointer items-center justify-between bg-white px-2 py-1 hover:bg-[#cacbce] active:bg-[#bfc1c3]">
<button
data-testid="ockTokenRow_Container"
class="flex h-16 w-full cursor-pointer items-center justify-between bg-white px-2 py-1 hover:bg-[#cacbce] active:bg-[#bfc1c3]"
>
<span class="flex items-center gap-3">
<img
data-testid="ockTokenImage_Image"
Expand Down Expand Up @@ -65,7 +68,10 @@ const token = { ... };
```

```html [return html]
<button data-testid="ockTokenRow_Container" class="flex h-16 w-full cursor-pointer items-center justify-between bg-white px-2 py-1 hover:bg-[#cacbce] active:bg-[#bfc1c3]">
<button
data-testid="ockTokenRow_Container"
class="flex h-16 w-full cursor-pointer items-center justify-between bg-white px-2 py-1 hover:bg-[#cacbce] active:bg-[#bfc1c3]"
>
<span class="flex items-center gap-3">
<div
data-testid="ockTokenImage_NoImage"
Expand All @@ -78,7 +84,9 @@ const token = { ... };
<span class="font-normal leading-normal text-[#5B616E]">ETH</span>
</span>
</span>
<span data-testid="ockTokenRow_Amount" class="font-normal leading-normal text-[#5B616E]">1,000.00</span>
<span data-testid="ockTokenRow_Amount" class="font-normal leading-normal text-[#5B616E]"
>1,000.00</span
>
</button>
```

Expand Down Expand Up @@ -112,7 +120,10 @@ const token = { ... };
```

```html [return html]
<button data-testid="ockTokenRow_Container" class="flex h-16 w-full cursor-pointer items-center justify-between bg-white px-2 py-1 hover:bg-[#cacbce] active:bg-[#bfc1c3]">
<button
data-testid="ockTokenRow_Container"
class="flex h-16 w-full cursor-pointer items-center justify-between bg-white px-2 py-1 hover:bg-[#cacbce] active:bg-[#bfc1c3]"
>
<span class="flex items-center gap-3">
<img
data-testid="ockTokenImage_Image"
Expand All @@ -124,10 +135,15 @@ const token = { ... };
<span class="font-normal leading-normal text-[#5B616E]">ETH</span>
</span>
</span>
<span data-testid="ockTokenRow_Amount" class="font-normal leading-normal text-[#5B616E]">1,000.00</span>
<span data-testid="ockTokenRow_Amount" class="font-normal leading-normal text-[#5B616E]"
>1,000.00</span
>
</button>

<button data-testid="ockTokenRow_Container" class="flex h-16 w-full cursor-pointer items-center justify-between bg-white px-2 py-1 hover:bg-[#cacbce] active:bg-[#bfc1c3]">
<button
data-testid="ockTokenRow_Container"
class="flex h-16 w-full cursor-pointer items-center justify-between bg-white px-2 py-1 hover:bg-[#cacbce] active:bg-[#bfc1c3]"
>
<span class="flex items-center gap-3">
<img
data-testid="ockTokenImage_Image"
Expand All @@ -139,7 +155,9 @@ const token = { ... };
<span class="font-normal leading-normal text-[#5B616E]">ETH</span>
</span>
</span>
<span data-testid="ockTokenRow_Amount" class="font-normal leading-normal text-[#5B616E]">0.00235</span>
<span data-testid="ockTokenRow_Amount" class="font-normal leading-normal text-[#5B616E]"
>0.00235</span
>
</button>
```

Expand Down Expand Up @@ -187,7 +205,10 @@ const token = { ... };
```

```html [return html]
<button data-testid="ockTokenRow_Container" class="flex h-16 w-full cursor-pointer items-center justify-between bg-white px-2 py-1 hover:bg-[#cacbce] active:bg-[#bfc1c3]">
<button
data-testid="ockTokenRow_Container"
class="flex h-16 w-full cursor-pointer items-center justify-between bg-white px-2 py-1 hover:bg-[#cacbce] active:bg-[#bfc1c3]"
>
<span class="flex items-center gap-3">
<img
data-testid="ockTokenImage_Image"
Expand All @@ -201,7 +222,10 @@ const token = { ... };
<span data-testid="ockTokenRow_Amount" class="font-normal leading-normal text-[#5B616E]"></span>
</button>

<button data-testid="ockTokenRow_Container" class="flex h-16 w-full cursor-pointer items-center justify-between bg-white px-2 py-1 hover:bg-[#cacbce] active:bg-[#bfc1c3]">
<button
data-testid="ockTokenRow_Container"
class="flex h-16 w-full cursor-pointer items-center justify-between bg-white px-2 py-1 hover:bg-[#cacbce] active:bg-[#bfc1c3]"
>
<span class="flex items-center gap-3">
<span class="flex flex-col items-start">
<span class="font-medium leading-normal text-[#0A0B0D]">Ethereum</span>
Expand All @@ -211,7 +235,10 @@ const token = { ... };
<span data-testid="ockTokenRow_Amount" class="font-normal leading-normal text-[#5B616E]"></span>
</button>

<button data-testid="ockTokenRow_Container" class="flex h-16 w-full cursor-pointer items-center justify-between bg-white px-2 py-1 hover:bg-[#cacbce] active:bg-[#bfc1c3]">
<button
data-testid="ockTokenRow_Container"
class="flex h-16 w-full cursor-pointer items-center justify-between bg-white px-2 py-1 hover:bg-[#cacbce] active:bg-[#bfc1c3]"
>
<span class="flex items-center gap-3">
<span class="flex flex-col items-start">
<span class="font-medium leading-normal text-[#0A0B0D]">Ethereum</span>
Expand Down
35 changes: 28 additions & 7 deletions site/docs/pages/token/token-selector.mdx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -35,7 +35,10 @@ import App from '../App';

```html [return html]
<div class="relative">
<button data-testid="ockTokenSelector_Button" class="flex w-fit items-center gap-2 rounded-2xl bg-[#eef0f3] px-3 py-1 outline-none hover:bg-[#cacbce] active:bg-[#bfc1c3]">
<button
data-testid="ockTokenSelector_Button"
class="flex w-fit items-center gap-2 rounded-2xl bg-[#eef0f3] px-3 py-1 outline-none hover:bg-[#cacbce] active:bg-[#bfc1c3]"
>
<span class="font-medium leading-normal text-[#0a0b0d]">Select</span>
<svg
data-testid="ockTokenSelector_CaretUp"
Expand All @@ -53,7 +56,10 @@ import App from '../App';
</button>
<div class="absolute z-10 mt-1 flex max-h-80 w-[250px] flex-col overflow-y-hidden rounded-lg">
<div>
<button data-testid="ockTokenRow_Container" class="flex h-16 w-full cursor-pointer items-center justify-between bg-white px-2 py-1 hover:bg-[#cacbce] active:bg-[#bfc1c3]">
<button
data-testid="ockTokenRow_Container"
class="flex h-16 w-full cursor-pointer items-center justify-between bg-white px-2 py-1 hover:bg-[#cacbce] active:bg-[#bfc1c3]"
>
<span class="flex items-center gap-3">
<img
data-testid="ockTokenImage_Image"
Expand All @@ -65,9 +71,15 @@ import App from '../App';
<span class="font-normal leading-normal text-[#5B616E]">ETH</span>
</span>
</span>
<span data-testid="ockTokenRow_Amount" class="font-normal leading-normal text-[#5B616E]"></span>
<span
data-testid="ockTokenRow_Amount"
class="font-normal leading-normal text-[#5B616E]"
></span>
</button>
<button data-testid="ockTokenRow_Container" class="flex h-16 w-full cursor-pointer items-center justify-between bg-white px-2 py-1 hover:bg-[#cacbce] active:bg-[#bfc1c3]">
<button
data-testid="ockTokenRow_Container"
class="flex h-16 w-full cursor-pointer items-center justify-between bg-white px-2 py-1 hover:bg-[#cacbce] active:bg-[#bfc1c3]"
>
<span class="flex items-center gap-3">
<img
data-testid="ockTokenImage_Image"
Expand All @@ -79,9 +91,15 @@ import App from '../App';
<span class="font-normal leading-normal text-[#5B616E]">USDC</span>
</span>
</span>
<span data-testid="ockTokenRow_Amount" class="font-normal leading-normal text-[#5B616E]"></span>
<span
data-testid="ockTokenRow_Amount"
class="font-normal leading-normal text-[#5B616E]"
></span>
</button>
<button data-testid="ockTokenRow_Container" class="flex h-16 w-full cursor-pointer items-center justify-between bg-white px-2 py-1 hover:bg-[#cacbce] active:bg-[#bfc1c3]">
<button
data-testid="ockTokenRow_Container"
class="flex h-16 w-full cursor-pointer items-center justify-between bg-white px-2 py-1 hover:bg-[#cacbce] active:bg-[#bfc1c3]"
>
<span class="flex items-center gap-3">
<img
data-testid="ockTokenImage_Image"
Expand All @@ -93,7 +111,10 @@ import App from '../App';
<span class="font-normal leading-normal text-[#5B616E]">DAI</span>
</span>
</span>
<span data-testid="ockTokenRow_Amount" class="font-normal leading-normal text-[#5B616E]"></span>
<span
data-testid="ockTokenRow_Amount"
class="font-normal leading-normal text-[#5B616E]"
></span>
</button>
</div>
</div>
Expand Down

0 comments on commit 362e411

Please sign in to comment.