2020-08-27 14:44:21 +02:00
|
|
|
<template>
|
2020-09-18 15:06:14 +02:00
|
|
|
<div class="block-warning" v-bind:class="{ highlight: highlight }" >
|
|
|
|
<img src="/img/sepia-warning.svg" alt="">
|
|
|
|
|
|
|
|
<div v-translate="{ indexName: indexName }">
|
|
|
|
<strong>%{indexName}</strong> displays videos and channels that match your search but is not the publisher, nor the owner.
|
|
|
|
If you notice any problems with a video, report it to the administrators on the PeerTube website where the video is published.
|
|
|
|
</div>
|
2020-08-27 14:44:21 +02:00
|
|
|
</div>
|
|
|
|
</template>
|
|
|
|
|
2020-09-01 15:52:16 +02:00
|
|
|
<style lang="scss">
|
2020-08-27 14:44:21 +02:00
|
|
|
@import '../scss/_variables';
|
|
|
|
|
2020-09-18 15:06:14 +02:00
|
|
|
.block-warning {
|
2020-08-27 14:44:21 +02:00
|
|
|
font-style: italic;
|
|
|
|
color: $orange;
|
2020-09-18 15:06:14 +02:00
|
|
|
display: flex;
|
|
|
|
align-items: center;
|
|
|
|
margin: 20px auto;
|
|
|
|
|
|
|
|
img {
|
|
|
|
display: none;
|
|
|
|
margin-right: 20px;
|
|
|
|
height: 70px;
|
|
|
|
}
|
2020-08-27 14:44:21 +02:00
|
|
|
|
2020-09-02 14:12:41 +02:00
|
|
|
&.highlight {
|
2020-09-18 15:06:14 +02:00
|
|
|
img {
|
|
|
|
display: block;
|
|
|
|
}
|
|
|
|
|
|
|
|
max-width: 800px;
|
|
|
|
color: #5e4f3a;
|
|
|
|
border: 3px solid #f4af81;
|
|
|
|
border-radius: 10px;
|
2020-09-01 15:52:16 +02:00
|
|
|
font-style: normal;
|
2020-09-18 15:06:14 +02:00
|
|
|
padding: 10px 20px;
|
2020-09-01 15:52:16 +02:00
|
|
|
}
|
2020-08-27 14:44:21 +02:00
|
|
|
}
|
|
|
|
|
2020-09-21 09:59:25 +02:00
|
|
|
@media screen and (max-width: $small-screen) {
|
|
|
|
.block-warning img {
|
|
|
|
display: none !important;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
2020-08-27 14:44:21 +02:00
|
|
|
</style>
|
|
|
|
|
|
|
|
<script lang="ts">
|
|
|
|
import Vue from 'vue'
|
|
|
|
|
|
|
|
export default Vue.extend({
|
|
|
|
props: {
|
|
|
|
indexName: String,
|
|
|
|
highlight: Boolean
|
|
|
|
}
|
|
|
|
})
|
|
|
|
</script>
|