Set the icon illustration in the tutorial based on browser

esse-dev / akita

A browser extension that gives you insight into your engagement with Web Monetization.

Other

24 stars 3 forks source link

Set the icon illustration in the tutorial based on browser #126

Closed sharon-wang closed 3 years ago

sharon-wang commented 3 years ago

In Firefox, browser extension badges look a bit different and are located in the top right of the icon. Edge also has a slightly different look.

This adds new illustrations that better portray the icons in Firefox and Edge, and sets the illustration shown in the tutorial based on if the browser type. Browser detection is now done by checking the user agent string.

Fixes: #55.

vezwork commented 3 years ago

Tested in Chrome, Firefox, and Edge. Firefox has a custom image now as expected, looks great :)

sharon-wang commented 3 years ago

@vezwork Added illustration for Edge as well. Pls review