copying

frontend/src/lib/ColorPalette.svelte

@@ -21,7 +21,7 @@
 		await navigator.clipboard.writeText(text);
 		setTimeout(() => {
 			isCopying = -1;
-		}, 500);
+		}, 800);
 	}
 </script>
 
@@ -29,7 +29,7 @@
 	<div class="flex bg-black">
 		{#each colors as color, i}
 			<div
-				class="cursor-pointer aspect-square relative"
+				class="{isCopying === i ? '' : 'cursor-pointer'} aspect-square relative"
 				on:click={() => copyStringToClipboard(color.formatHex(), i)}
 			>
 				<svg class="max-w-full" width="100" viewBox="0 0 50 50">
@@ -37,8 +37,9 @@
 				</svg>
 				<span
 					title="Copy single color"
-					class="cursor-pointer absolute bottom-0 text-center text-xs pl-1 font-bold  uppercase"
-					style="color:{getLabelColor(color)}">{color.formatHex()}</span
+					class="absolute bottom-0 text-center text-xs pl-1 font-bold uppercase"
+					style="color:{getLabelColor(color)}"
+					>{isCopying === i ? 'copied' : color.formatHex()}</span
 				>
 			</div>
 		{/each}