feat: Use copy icon for bibtex.

Author: jheer

src/lib/bibtex.svelte

@@ -54,6 +54,12 @@
 </script>
 
 <div class="group relative bg-slate-100 p-2">
-  <button class="absolute invisible group-hover:visible top-2 right-2 text-xs bg-gray-50 p-1 border rounded-md hover:bg-white active:bg-slate-600 active:text-white" on:click={copyBibtex}>Copy</button>
+  <button
+		class="absolute top-0.5 right-0.5 p-1 rounded-md text-gray-400 hover:text-gray-600 active:bg-slate-600 active:text-white"
+		title="Copy BibTeX citation"
+		on:click={copyBibtex}
+	>
+		<svg width="16" height="16" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="2"><path d="M2 6C2 5.44772 2.44772 5 3 5H10C10.5523 5 11 5.44772 11 6V13C11 13.5523 10.5523 14 10 14H3C2.44772 14 2 13.5523 2 13V6Z M4 2.00004L12 2.00001C13.1046 2 14 2.89544 14 4.00001V12"></path></svg>
+	</button>
   <pre class="font-mono text-xs whitespace-pre-wrap">{bibtex}</pre>
 </div>

tailwind.config.js

@@ -7,10 +7,5 @@ export default {
 			sans: ['Avenir', 'Helvetica Neue', 'Helvetica', 'Arial', 'sans-serif']
 		}
 	},
-	variants: {
-		extend: {
-			visibility: ['group-hover']
-		}
-	},
 	plugins: []
 };