Make swapCard responsive
This PR closes #95 (closed)
-
Setup a few patterns for dealing with responsivity
-
Introduces stylesHelper which contains a few necessary utilities for dealing with styled components. Let me know if this should go elsewhere.
-
media - allows easy media query sizing. Set breakpoints based on Bootstrap because
antd
does this. Normally would probably breakpoints around average device pixels but I want to be consistent withantd
. - cleanTag - helps for adding dynamic props to a styled-component
-
media - allows easy media query sizing. Set breakpoints based on Bootstrap because
-
Better separation of style intent with a responsive flexbox row card layout system that might be able to used elsewhere.
-
Hides and displays items based on media queries
-
Prevent Status titles from wrapping in awkward ways when they get a little squashy
Next step is to apply this abstraction to the pool card as well.
- I have been finding I want to disable a tone of eslint rule spam we are inheriting from airbnb styleguide. Would like to have a discussion about this to see if that would be kosher.
Edited by гλ