extern/glance
1
0
Fork 0
mirror of https://github.com/glanceapp/glance.git synced 2025-06-21 18:31:24 +02:00
Code Issues Packages Projects Releases Wiki Activity

Update twitch channel stream preview popover

Browse Source
This commit is contained in:
Svilen Markov 2024-11-01 22:57:34 +00:00
parent 4582be1da5
commit 3914e24b3d
2 changed files with 3 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
internal/assets/static/main.css
View File

@ -1509,7 +1509,8 @@ details[open] .summary::after {
} }
.twitch-stream-preview { .twitch-stream-preview {
width: 100%; max-width: 100%;
width: 400px;
aspect-ratio: 16 / 9; aspect-ratio: 16 / 9;
border-radius: var(--border-radius); border-radius: var(--border-radius);
object-fit: cover; object-fit: cover;

2
internal/assets/templates/twitch-channels.html
View File

@ -5,7 +5,7 @@
{{ range .Channels }} {{ range .Channels }}
<li> <li>
<div class="{{ if .IsLive }}twitch-channel-live {{ end }}flex gap-10 items-start thumbnail-parent"> <div class="{{ if .IsLive }}twitch-channel-live {{ end }}flex gap-10 items-start thumbnail-parent">
<div class="twitch-channel-avatar-container"{{ if .IsLive }} data-popover-type="html" data-popover-position="above" data-popover-margin="0.15rem"{{ end }}> <div class="twitch-channel-avatar-container"{{ if .IsLive }} data-popover-type="html" data-popover-position="above" data-popover-margin="0.15rem" data-popover-offset="0.2"{{ end }}>
{{ if .IsLive }} {{ if .IsLive }}
<div data-popover-html> <div data-popover-html>
<img class="twitch-stream-preview" src="https://static-cdn.jtvnw.net/previews-ttv/live_user_{{ .Login }}-440x248.jpg" loading="lazy" alt=""> <img class="twitch-stream-preview" src="https://static-cdn.jtvnw.net/previews-ttv/live_user_{{ .Login }}-440x248.jpg" loading="lazy" alt="">