getAlby / bitcoin-connect

Connecting lightning wallets to your webapp has never been easier. Enable WebLN in all browsers with a single button
https://bitcoin-connect.com
MIT License
87 stars 30 forks source link

Add pagination #118

Open rolznz opened 10 months ago

rolznz commented 10 months ago

Current:

image

Required:

image

image

8px gap between the dots. Selected dot color is colors.brand. Unselected color is colors["neutral-tertiary"].

Dots should be clickable.

Highlighted section should be swipable / draggable:

image

@stackingsaunter do we need pagination arrows on desktop or is it ok?

stackingsaunter commented 10 months ago

@rolznz I think it's okay, but maybe we should make the clickable area a bit bigger (16px square, and 4px spacing between dots)

CleanShot 2023-12-03 at 15 32 35@2x