Buck9195/doesitarm
1
0
Fork 0
mirror of https://github.com/ThatGuySam/doesitarm.git synced 2026-05-15 06:35:20 -07:00
Code Issues Projects Releases Packages Wiki Activity Actions 3

Add classes and styles to root of video card

Browse source
This commit is contained in:
Sam Carlton 2021-01-23 17:41:27 -06:00
parent 2815a1323b
commit 09c7e8d76f
1 changed files with 5 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

7
components-eleventy/video/card.js
View file

@ -9,7 +9,10 @@ function pill ( text ) {
`
}
export default function ( video ) {
export default function ( video, {
width = '325px',
classes = 'w-full flex-shrink-0 flex-grow-0 border-2 border-transparent rounded-2xl overflow-hidden'
} ) {
// Setup inline lazysizes
this.usingComponent( 'node_modules/lazysizes/lazysizes.min.js' )
@ -17,7 +20,7 @@ export default function ( video ) {
// console.log('video', video)
return /* html */`
<div class="video-card">
<div class="video-card ${ classes }" style="max-width: ${ width }; flex-basis: ${ width }; scroll-snap-align: start;">
<a
href="${video.endpoint}"
class=""