From 1712a432021f3990c0c6015d628f072c71bbbced Mon Sep 17 00:00:00 2001
From: Kavin <20838718+FireMasterK@users.noreply.github.com>
Date: Fri, 24 Jun 2022 22:35:32 +0100
Subject: [PATCH] Use tailwind classes and properly do localization.

---
 src/components/VideoItem.vue | 8 ++------
 src/locales/en.json          | 3 ++-
 2 files changed, 4 insertions(+), 7 deletions(-)

diff --git a/src/components/VideoItem.vue b/src/components/VideoItem.vue
index 0a58442a..542ecb5d 100644
--- a/src/components/VideoItem.vue
+++ b/src/components/VideoItem.vue
@@ -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>
 
diff --git a/src/locales/en.json b/src/locales/en.json
index 63d77357..bcb7574d 100644
--- a/src/locales/en.json
+++ b/src/locales/en.json
@@ -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}?",