git ssb

1
<template>
2
  <div class="content-card">
3
    <router-link :to="{ name: 'watch', params: { magnet: video.magnet }}">
4
      <Webtorrent :magnet="video.magnet" :client="client"></Webtorrent
5
      <img class="card-img-top" src="./../assets/content_placeholder.png" alt="Card image cap">
6
    </router-link>
7
    <div class="">
8
      <router-link :to="{ name: 'watch', params: { magnet: video.magnet }}">
9
        <p class="card-title lead">{{ video.title }}</p>
10
      </router-link>
11
12
      <p class="card-text creator text-muted">
13
        {{ video.creator }}
14
      </p>
15
    </div>
16
  </div>
17
</template>
18
19
<script>
20
21
import Webtorrent from './Webtorrent.vue'
22
23
24
export default {
25
  name: "VideoPreview",
26
  props: ['video', 'client'],
27
  components: {
28
    'Webtorrent': Webtorrent
29
  },
30
  data() {
31
    return {}
32
  },
33
  methods: {
34
  }
35
}
36
37
</script>
38
39
<style scoped>
40
.creator
41
{
42
  width: 10rem;
43
  white-space: nowrap;
44
  overflow: hidden;
45
  text-overflow: ellipsis;
46
  display: inline-block;
47
  max-width: 100%;
48
}
49
.content-card
50
{
51
  width: 15rem;
52
  padding: 3px;
53
  margin-bottom: 1.5em;
54
  font-size: 0.8em;
55
56
  white-space: nowrap;
57
  overflow: hidden;
58
  text-overflow: ellipsis;
59
  display: inline-block;
60
  max-width: 100%;
61
}
62
</style>
63