Use tailwind classes and properly do localization.

This commit is contained in:
Kavin 2022-06-24 22:35:32 +01:00
parent f8fccdb30f
commit 1712a43202
No known key found for this signature in database
GPG key ID: 49451E4482CC5BCD
2 changed files with 4 additions and 7 deletions

View file

@ -24,7 +24,7 @@
v-text="timeFormat(video.duration)"
/>
<!-- shorts thumbnail -->
<span class="thumbnail-overlay thumbnail-left" v-if="video.duration <= 60" v-t="'shorts'" />
<span class="thumbnail-overlay thumbnail-left" v-if="video.duration <= 60" v-t="'video.shorts'" />
<span
class="thumbnail-overlay thumbnail-right"
v-else-if="video.duration >= 60"
@ -122,11 +122,7 @@
@apply bottom-5px right-5px;
}
.thumbnail-left {
@apply bottom-5px left-5px;
background-color: #f40407;
font-size: 10px;
font-weight: bold;
text-transform: uppercase;
@apply bottom-5px left-5px text-xs font-bold bg-red-600 uppercase;
}
</style>

View file

@ -105,7 +105,8 @@
"sponsor_segments": "Sponsors Segments",
"ratings_disabled": "Ratings Disabled",
"chapters": "Chapters",
"live": "{0} Live"
"live": "{0} Live",
"shorts": "Shorts"
},
"search": {
"did_you_mean": "Did you mean: {0}?",