diff --git a/components/video/row.vue b/components/video/row.vue index 9e3ca18..4978d37 100644 --- a/components/video/row.vue +++ b/components/video/row.vue @@ -16,7 +16,10 @@ flexBasis: `${cardWidth}px`, scrollSnapAlign: 'start' }" - class="w-full flex-shrink-0 flex-grow-0" + :class="[ + 'w-full flex-shrink-0 flex-grow-0 border-2 border-transparent rounded-2xl overflow-hidden', + (activeVideoId === video.id) ? 'border-white' : null + ]" /> @@ -77,10 +80,14 @@ export default { type: Array, required: true }, + activeVideoId: { + type: String, + default: null + }, cardWidth: { type: Number, default: 325 - } + }, }, methods: { scrollRow ( pixels ) {