65 lines
1.3 KiB
Vue
65 lines
1.3 KiB
Vue
<template>
|
|
<div class="block-warning" :class="{ block: isBlockMode }">
|
|
<img src="/img/sepia-warning.svg" alt="" />
|
|
|
|
<div>
|
|
<SafeHTML>
|
|
{{
|
|
$gettext(
|
|
'<strong>%{indexName}</strong> displays videos and channels that match your search but is not the publisher, nor the owner.',
|
|
{ indexName: indexName },
|
|
true
|
|
)
|
|
}}
|
|
</SafeHTML>
|
|
|
|
{{ $gettext('If you notice any problems with a video, report it to the administrators on the PeerTube website where the video is published.') }}
|
|
</div>
|
|
</div>
|
|
</template>
|
|
|
|
<script lang="ts">
|
|
import { defineComponent } from 'vue'
|
|
|
|
export default defineComponent({
|
|
props: {
|
|
indexName: String,
|
|
isBlockMode: Boolean
|
|
}
|
|
})
|
|
</script>
|
|
|
|
<style lang="scss">
|
|
@import '../scss/_variables';
|
|
|
|
.block-warning {
|
|
display: flex;
|
|
align-items: center;
|
|
|
|
img {
|
|
display: none;
|
|
}
|
|
|
|
&.block {
|
|
max-width: 800px;
|
|
margin: auto;
|
|
border: 3px solid $beige-700;
|
|
border-radius: 10px;
|
|
font-style: normal;
|
|
padding: 0.75rem 1.25rem;
|
|
|
|
img {
|
|
margin-right: 20px;
|
|
height: 70px;
|
|
display: block;
|
|
}
|
|
}
|
|
}
|
|
|
|
@media screen and (max-width: $small-screen) {
|
|
.block-warning img {
|
|
display: none !important;
|
|
}
|
|
}
|
|
</style>
|