mirror of
https://git.sr.ht/~cadence/cloudtube
synced 2024-11-12 19:37:29 +00:00
Rework thumbnails to make future changes possible
This commit is contained in:
parent
7caa4fb435
commit
1982ebf9e4
@ -3,8 +3,9 @@ mixin video_list_item(className, video, instanceOrigin, options = {})
|
||||
- let link = `/watch?v=${video.videoId}`
|
||||
if options.continuous
|
||||
- link += `&continuous=1&session-watched=${sessionWatchedNext}`
|
||||
a(href=link tabindex="-1").thumbnail
|
||||
img(src=`/vi/${video.videoId}/mqdefault.jpg` width=320 height=180 alt="").image
|
||||
div.thumbnail
|
||||
a(href=link tabindex="-1").thumbnail__link
|
||||
img(src=`/vi/${video.videoId}/mqdefault.jpg` width=320 height=180 alt="").image
|
||||
if video.second__lengthText != undefined
|
||||
span.duration= video.second__lengthText
|
||||
.info
|
||||
|
@ -25,6 +25,9 @@
|
||||
display: flex
|
||||
background: c.$bg-darkest
|
||||
|
||||
&__link
|
||||
font-size: 0 // remove whitespace around the image
|
||||
|
||||
.image
|
||||
width: 160px
|
||||
height: 90px
|
||||
@ -39,6 +42,7 @@
|
||||
line-height: 1
|
||||
padding: 3px 5px 4px
|
||||
border-radius: 4px
|
||||
pointer-events: none
|
||||
|
||||
.title
|
||||
font-size: 15px
|
||||
|
Loading…
Reference in New Issue
Block a user