Make copyable highlight on hover

2026-10-29 16:10:58 +08:00 · 2024-09-12 14:23:31 +02:00
parent d7c811ba11
commit 7c1f0fb28f
1 changed files with 6 additions and 2 deletions
@@ -24,6 +24,11 @@
 <style>
  .copyable-id {
    cursor: pointer;
+    color: var(--color-foreground-dim);
+  }
+
+  .copyable-id:hover {
+    color: var(--color-foreground-contrast);
  }
 </style>

@@ -32,8 +37,7 @@
  role="button"
  tabindex="0"
  onclick={copy}
-  class="copyable-id global-flex txt-small txt-monospace"
-  style:color="var(--color-foreground-dim)">
+  class="copyable-id global-flex txt-small txt-monospace">
  {id}
  <Icon name={icon} />
 </div>