diff --git a/stream/index.html b/stream/index.html index da482b1..d9f2a60 100644 --- a/stream/index.html +++ b/stream/index.html @@ -27,6 +27,20 @@ word-wrap: break-word; } .artist { margin-top: .35rem; font-size: 1.05rem; color: #b8b2c8; } audio { width: 100%; margin-top: 2rem; } + .share { display: flex; gap: .5rem; margin-top: 1rem; } + .share input { + flex: 1; min-width: 0; padding: .55rem .7rem; font-size: .85rem; + color: #cfc9de; background: rgba(255,255,255,.05); + border: 1px solid rgba(255,255,255,.1); border-radius: 10px; + font-family: ui-monospace, monospace; + } + .share button { + padding: .55rem .9rem; font-size: .8rem; font-weight: 600; cursor: pointer; + color: #f2f0f7; background: rgba(155,140,255,.18); + border: 1px solid rgba(155,140,255,.35); border-radius: 10px; + transition: background .15s; + } + .share button:hover { background: rgba(155,140,255,.3); } .dot { display: inline-block; width: 8px; height: 8px; border-radius: 50%; background: #4ade80; margin-right: .4rem; vertical-align: middle; box-shadow: 0 0 0 0 rgba(74,222,128,.6); animation: pulse 2s infinite; } @@ -44,6 +58,10 @@