kopia lustrzana https://github.com/manuelkasper/sotlas-frontend
Use different YouTube preview image that is more likely to be available. Video alignment cosmetics.
rodzic
486561007b
commit
8f12d1e150
|
@ -162,11 +162,7 @@ export default {
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style scoped>
|
<style scoped>
|
||||||
.inline {
|
.inline, .inline > div {
|
||||||
display: inline-block;
|
|
||||||
vertical-align: top;
|
|
||||||
}
|
|
||||||
.inline > div {
|
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
vertical-align: top;
|
vertical-align: top;
|
||||||
}
|
}
|
||||||
|
|
|
@ -1,5 +1,5 @@
|
||||||
<template>
|
<template>
|
||||||
<div>
|
<div class="inline">
|
||||||
<div v-for="group in groups" :key="group.key" class="video-group-wrapper">
|
<div v-for="group in groups" :key="group.key" class="video-group-wrapper">
|
||||||
<SummitVideosGroup :videos="group.videos" :title="group.title" :titleLink="group.titleLink" />
|
<SummitVideosGroup :videos="group.videos" :title="group.title" :titleLink="group.titleLink" />
|
||||||
</div>
|
</div>
|
||||||
|
@ -67,4 +67,8 @@ export default {
|
||||||
.video-group-wrapper:not(:last-child) {
|
.video-group-wrapper:not(:last-child) {
|
||||||
margin-bottom: 0.75rem;
|
margin-bottom: 0.75rem;
|
||||||
}
|
}
|
||||||
|
.inline, .inline > div {
|
||||||
|
display: inline-block;
|
||||||
|
vertical-align: top;
|
||||||
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|
|
@ -1,10 +1,10 @@
|
||||||
<template>
|
<template>
|
||||||
<div class="video-group">
|
<div class="video-group box">
|
||||||
<div class="video-group-title">
|
<div class="video-group-title">
|
||||||
<router-link v-if="titleLink" :to="titleLink">{{ title }}</router-link>
|
<router-link v-if="titleLink" :to="titleLink">{{ title }}</router-link>
|
||||||
<span v-else>{{ title }}</span>
|
<span v-else>{{ title }}</span>
|
||||||
</div>
|
</div>
|
||||||
<LazyYoutubeVideo v-for="video in videos" :key="video.src" :src="video.src" />
|
<LazyYoutubeVideo v-for="video in videos" :key="video.src" :src="video.src" previewImageSize="hqdefault" :webp="false" />
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
|
@ -49,6 +49,7 @@ export default {
|
||||||
background: whitesmoke;
|
background: whitesmoke;
|
||||||
padding: 0.25rem 0 0 0.75rem;
|
padding: 0.25rem 0 0 0.75rem;
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
|
margin-right: 0.75rem;
|
||||||
}
|
}
|
||||||
.video-group-title {
|
.video-group-title {
|
||||||
color: #777;
|
color: #777;
|
||||||
|
|
Ładowanie…
Reference in New Issue