diff --git a/client/src/components/app.riot b/client/src/components/app.riot index fd314b8..c00e796 100644 --- a/client/src/components/app.riot +++ b/client/src/components/app.riot @@ -172,16 +172,19 @@ } :global(.hash-highlight) { - animation: hash-flash 3s ease; + animation: hash-flash 4s ease; + border-radius: 8px; + box-shadow: 0 0 0 2px rgba(108, 92, 231, 0.5), 0 0 12px rgba(108, 92, 231, 0.2); } @keyframes hash-flash { - 0%, 15% { - background: rgba(108, 92, 231, 0.2); - border-radius: 8px; + 0%, 30% { + background: rgba(108, 92, 231, 0.15); + box-shadow: 0 0 0 2px rgba(108, 92, 231, 0.5), 0 0 16px rgba(108, 92, 231, 0.25); } 100% { background: transparent; + box-shadow: none; } } @@ -606,7 +609,7 @@ if (el) { el.scrollIntoView({ behavior: 'smooth', block: 'center' }) el.classList.add('hash-highlight') - setTimeout(() => el.classList.remove('hash-highlight'), 3000) + setTimeout(() => el.classList.remove('hash-highlight'), 4000) } }, }