Skip to content

Conversation

@Fernando-J-Garcia
Copy link

  • New background color (bg-slate-900) and updated color scheme (zinc to slate)
  • Added border to sorted table, and decreased icon size for sorting button
  • Increased spacing between buttons on the getting started page
  • Added the CloneChildren utility component and used it to implement the table loading skeleton. CloneChildren is a utility component for creating multiple copies of a given React element.
2023-05-11.08-19-22.mp4

- change background color from bg-zinc-800 to bg-slate-900
- update ui component's background color from zinc to slate
- improve sorted table styling
- add more spacing to buttons on getting started page
Add table loading skeleton using CloneChildren utility, a
utility function for creating multiple copies of a given React element.
This utility is particularly useful for creating loading skeleton
designs, as it allows for easy replication of a skeleton element across
multiple items in a list or table.
@acorn1010
Copy link
Owner

I appreciate the pull request! Sorry for not seeing this earlier. This PR is a bit large to submit on its own. If you'd like to make changes, please submit small, focused Pull Requests (one per change). For example, the styling / color scheme could be its own PR, and the table skeleton could be its own PR.

@Fernando-J-Garcia
Copy link
Author

No worries! I know you're busy with other projects.

It took me a while to get to it, but below you can find the separate pull requests:

styling/color scheme - #4
table loading skeleton - #5

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.

2 participants