diff --git a/internal/web/static/app.css b/internal/web/static/app.css index def498e..0262cc8 100644 --- a/internal/web/static/app.css +++ b/internal/web/static/app.css @@ -197,11 +197,11 @@ body { border: 1px solid var(--border); border-radius: var(--radius); padding: 5px 8px; background: var(--bg); color: var(--fg); font: inherit; font-size: 21.6px; width: 130px; } -/* #168: compact corner notification pill (paste-created feedback) */ +/* #168: compact side notification pill (paste-created feedback) */ .created-pill { - position: fixed; right: 16px; bottom: 16px; z-index: 200; + position: fixed; right: 12px; bottom: 12px; z-index: 200; background: var(--surface-2); color: var(--ok); border: 1px solid var(--ok); - border-radius: var(--radius-sm); padding: 4px 12px; font-size: 13px; + border-radius: var(--radius-sm); padding: 2px 8px; font-size: 11.5px; opacity: 0; pointer-events: none; transform: translateY(6px); transition: opacity .25s ease, transform .25s ease; box-shadow: 0 4px 16px rgba(0,0,0,.25); diff --git a/internal/web/static/paste.js b/internal/web/static/paste.js index 30a8842..ff74ca1 100644 --- a/internal/web/static/paste.js +++ b/internal/web/static/paste.js @@ -25,7 +25,7 @@ function copyContent(btn) { clearTimeout(btn._okh); btn._okh = setTimeout(() => { btn.classList.remove('ok'); btn.textContent = 'copy'; }, 2000); } else { - toast('Copied', 'success'); + toast('Link Copied', 'success'); } } function redeem() { diff --git a/internal/web/templates/paste.html b/internal/web/templates/paste.html index 1106b93..b907ded 100644 --- a/internal/web/templates/paste.html +++ b/internal/web/templates/paste.html @@ -34,7 +34,7 @@ {{if .JustCreated}} -