Explorar el Código

Update twitch channel stream preview popover

Svilen Markov hace 8 meses
padre
commit
3914e24b3d

+ 2 - 1
internal/assets/static/main.css

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

+ 1 - 1
internal/assets/templates/twitch-channels.html

@@ -5,7 +5,7 @@
     {{ range .Channels }}
     <li>
         <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 }}
                 <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="">