george/bibdle
1
0
Fork 0
mirror of https://github.com/pupperpowell/bibdle.git synced 2026-04-05 17:33:31 -04:00
Code Issues Packages Projects Releases Wiki Activity

Fixed some things and added analytics events back

Browse Source
This commit is contained in:
George Powell
2026-02-22 22:29:35 -05:00
parent 7ecc84ffbc
commit 3bcd7ea266
1 changed files with 23 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

28
src/lib/components/WinScreen.svelte
View File

@@ -236,7 +236,7 @@
}} }}
> >
{#if hasWebShare} {#if hasWebShare}
📤 Click to share 📤 Tap here to share
{:else if copySuccess} {:else if copySuccess}
✅ Copied! ✅ Copied!
{:else} {:else}
@@ -250,7 +250,9 @@
<button <button
class="bubble bubble-sent" class="bubble bubble-sent"
aria-label="Copy to clipboard" aria-label="Copy to clipboard"
data-umami-event="Copy to Clipboard"
onclick={() => { onclick={() => {
(window as any).rybbit?.event("Copy to Clipboard");
copyToClipboard(); copyToClipboard();
bubbleCopied = true; bubbleCopied = true;
setTimeout(() => { setTimeout(() => {
@@ -362,13 +364,21 @@
} }
.bubble-sent:hover { .bubble-sent:hover {
filter: brightness(1.08); background-color: #2ea8ff;
transform: rotate(-2deg) translateY(-2px); transform: rotate(-2deg) translateY(-2px);
} }
.bubble-sent:hover::before {
background-color: #2ea8ff;
}
.bubble-sent:active { .bubble-sent:active {
background-color: #0878d4;
transform: rotate(-2deg) scale(0.97); transform: rotate(-2deg) scale(0.97);
filter: brightness(0.95); }
.bubble-sent:active::before {
background-color: #0878d4;
} }
/* Sent tail: bottom-right */ /* Sent tail: bottom-right */
@@ -407,13 +417,21 @@
} }
.bubble-received:hover { .bubble-received:hover {
filter: brightness(0.96); background-color: #4a4a4e;
transform: rotate(2deg) translateY(-2px); transform: rotate(2deg) translateY(-2px);
} }
.bubble-received:hover::before {
background-color: #4a4a4e;
}
.bubble-received:active { .bubble-received:active {
background-color: #2a2a2c;
transform: rotate(2deg) scale(0.97); transform: rotate(2deg) scale(0.97);
filter: brightness(0.92); }
.bubble-received:active::before {
background-color: #2a2a2c;
} }
.bubble-received.success { .bubble-received.success {