Skip to content

Make swapCard responsive

гλ requested to merge 95-make-swapcard-responsive into master

This PR closes #95 (closed)

  1. Setup a few patterns for dealing with responsivity

  2. 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 with antd.
    • cleanTag - helps for adding dynamic props to a styled-component
  3. Better separation of style intent with a responsive flexbox row card layout system that might be able to used elsewhere.

  4. Hides and displays items based on media queries

  5. 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 гλ

Merge request reports