Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

fix: routebook visual updates #187

Merged
merged 6 commits into from
Dec 10, 2024
Merged

fix: routebook visual updates #187

merged 6 commits into from
Dec 10, 2024

Conversation

vacekj
Copy link
Member

@vacekj vacekj commented Dec 5, 2024

fixes #146

  • Adjusted padding in routebook
  • Replace custom skeleton with the reusable skeleton
  • Adjusted formatting of numbers to conform with Figma and fit on smaller screens, including the padding.

@vacekj vacekj linked an issue Dec 5, 2024 that may be closed by this pull request
@vacekj vacekj force-pushed the 146-route-book-updates branch from 2ecb06b to b380629 Compare December 5, 2024 16:56
@vacekj vacekj requested a review from a team December 5, 2024 16:56
Copy link
Contributor

@VanishMax VanishMax left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Ran the app, found some visual issues:

  1. Column "total" misalignment – the number should be aligned with the right side of a cell
  2. Columns go out of the screen, "route" column doesn't fit.
  3. Hops amount takes multiple lines
  4. It seems like the background doesn't fully fit the hovered row (last screen, in the bottom of it there's a black line that shouldn't be there)
image image

@vacekj
Copy link
Member Author

vacekj commented Dec 8, 2024

@VanishMax apologies - it seems I pushed a botched up version, working on a fix now.

…ons in trade components

- Replaced static loading placeholders with a reusable Skeleton component for better consistency in the RouteBook.
- Adjusted table header padding for improved alignment.
- Introduced formatPrice and formatNumber functions to standardize price and number formatting across TradeRow and RouteBook components.
- Updated TradeRow to utilize new formatting functions for displaying prices, amounts, and totals.
@vacekj vacekj force-pushed the 146-route-book-updates branch from b380629 to 794cec1 Compare December 8, 2024 22:33
Copy link
Contributor

@VanishMax VanishMax left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Nice! Grid looks like a better solution here.

Needs linting and it is good to go

@vacekj vacekj merged commit 3d12b04 into main Dec 10, 2024
3 checks passed
@vacekj vacekj deleted the 146-route-book-updates branch December 10, 2024 11:53
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

Route book updates
2 participants