diff --git a/server/public/home.html b/server/public/home.html index cf8cfa3..13b04b7 100644 --- a/server/public/home.html +++ b/server/public/home.html @@ -661,16 +661,10 @@ .convo-msgs img,.bubble img{max-height:340px;max-width:100%;height:auto;} .att-file{display:inline-flex;align-items:center;gap:.4rem;background:rgba(0,0,0,.06);border:1px solid var(--line);border-radius:8px;padding:.4rem .6rem;color:inherit;text-decoration:none;font-size:.85rem;margin:.15rem 0;max-width:240px;} .att-file span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} - /* In-chat video: a masked poster with a centre button that is DOWNLOAD until loaded, then PLAY (loads once, - then plays inline). Avoids the old "download link re-downloads on every tap" behaviour. */ - .att-vid{position:relative;width:min(240px,72vw);aspect-ratio:16/11;border-radius:10px;overflow:hidden;background:#12182a;margin:.15rem 0;display:block;cursor:pointer;} - .att-vid video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;background:#000;display:block;} - .att-vid.playing video{object-fit:contain;} - .att-vid-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:54px;height:54px;border:none;border-radius:50%;background:rgba(0,0,0,.55);color:#fff;display:grid;place-items:center;cursor:pointer;z-index:2;box-shadow:0 2px 12px rgba(0,0,0,.45);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);} - .att-vid.loading .att-vid-play{animation:ptrspin .8s linear infinite;} - .att-vid-meta{position:absolute;left:0;right:0;bottom:0;padding:16px 8px 6px;color:#fff;font-size:.72rem;line-height:1.1;background:linear-gradient(transparent,rgba(0,0,0,.6));display:flex;align-items:center;gap:5px;z-index:2;pointer-events:none;} - .att-vid-meta span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} - .att-vid.playing .att-vid-play,.att-vid.playing .att-vid-meta{display:none;} + /* In-chat video: a plain native