Fixed the hover state on all three major browsers. Still can't get the Clipboard icon to show on Safari but I'll keep digging on this a bit more.
Click handler is now working on all three browsers. Had to do some wacky stuff cause it seems like Tailwind for astro has some weird behavior... e.g. setting the opacity style attribute to 1 worked on chrome and firefox but not on safari, and setting the class to opacity-1 worked on safari but not on firefox or chrome... interesting to say the least.
Seems like the CSS output is causing the hover-state of the clipboard icon on safari to bug out, manually changing it in devtools make it show but I'll see if I can't find a fix for this too.
Closes #19
Fixed the hover state on all three major browsers. Still can't get the Clipboard icon to show on Safari but I'll keep digging on this a bit more.
Click handler is now working on all three browsers. Had to do some wacky stuff cause it seems like Tailwind for astro has some weird behavior... e.g. setting the opacity style attribute to 1 worked on chrome and firefox but not on safari, and setting the class to opacity-1 worked on safari but not on firefox or chrome... interesting to say the least.
Seems like the CSS output is causing the hover-state of the clipboard icon on safari to bug out, manually changing it in devtools make it show but I'll see if I can't find a fix for this too.
Here is the behavior for now: https://share.cleanshot.com/vNYH8U