Fix Story view on mobile

peakshift / makers.bolt.fun

https://makers.bolt.fun

GNU General Public License v3.0

31 stars 21 forks source link

Fix Story view on mobile #98

Closed barefoot-88 closed 2 years ago

barefoot-88 commented 2 years ago

Issue

ATM stories on mobile do not utilise horizontal space efficiently due to the outlined card and spacing.

Solution

This issue can be solved by removing the card entirely for mobile and tablet views.

No card
All elements extend to 16px margin (24px on tablet)

barefoot-88 commented 2 years ago

This is great, good work @MTG2000 .

The one thing I noticed is that the header image is quite small. Should we increase the height of it? I can't seem to get my head around the sizing of these... a new article I wrote on web has also clipped the image to fit the screen. It seems like sites like Medium just fill the entire width but don't clip height...

IMG_B570DB773503-1

barefoot-88 commented 2 years ago

Issue

Can we also please hide the upvote button on mobile + tablet view for the time being as users cannot interact with WebLN on these devices...

The alternative to this is to keep the vote button to increase awareness of the feature, but implement proper error messages (e.g No WbLN detected) so users know how to take advantage of it on web using Alby. (#91)