Skip to content

Commit

Permalink
fix: asset list scrollable container (#1548)
Browse files Browse the repository at this point in the history
- Closes #1547

--- 

Add a simple scrollable container to the asset list.

| 📷  Demo |
| --- |
| <img width="379" alt="scroll"
src="https://github.com/user-attachments/assets/9f9bb705-effb-44c9-9442-85c800f48e97">
|
  • Loading branch information
helciofranco authored Oct 3, 2024
1 parent a64d31f commit 6dd69ce
Show file tree
Hide file tree
Showing 4 changed files with 75 additions and 70 deletions.
5 changes: 5 additions & 0 deletions .changeset/purple-spoons-rule.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,5 @@
---
"fuels-wallet": patch
---

Fix asset list scrollable container when there are many assets available.
2 changes: 1 addition & 1 deletion packages/app/package.json
Original file line number Diff line number Diff line change
Expand Up @@ -30,7 +30,7 @@
"@fuels/react-xstore": "0.20.0",
"@hookform/resolvers": "3.3.2",
"@react-aria/utils": "3.21.0",
"@sentry/react": "8.21.0",
"@sentry/react": "8.33.1",
"@storybook/addon-viewport": "7.4.6",
"@storybook/jest": "0.2.3",
"@tanstack/react-query": "5.28.4",
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -11,7 +11,7 @@ import {
import type { AssetFuelAmount } from '@fuel-wallet/types';
import { memo, useState } from 'react';
import type { Maybe } from '~/systems/Core';
import { shortAddress } from '~/systems/Core';
import { coreStyles, shortAddress } from '~/systems/Core';

export type AssetSelectInput = Partial<AssetFuelAmount>;

Expand Down Expand Up @@ -200,6 +200,8 @@ const styles = {
menu: cssObj({
py: '$1',
width: 250,
maxHeight: 410,
...coreStyles.scrollable('$intentsBase8', '$intentsBase10'),
'.fuel_Avatar': {
width: 30,
height: 30,
Expand Down
134 changes: 66 additions & 68 deletions pnpm-lock.yaml

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

0 comments on commit 6dd69ce

Please sign in to comment.