Update

package.json

@@ -3,7 +3,8 @@
     "version": "0.1.0",
     "private": true,
     "scripts": {
-        "serve": "vite",
+        "serve over network": "vite --host",
+        "serve over local": "vite",
         "build": "vite build",
         "preview": "vite preview",
         "lint": "eslint --fix --color --ignore-path .gitignore --ext .js,.vue ."

src/App.vue

@@ -1,15 +1,15 @@
 <template>
-    <div class="w-full min-h-screen px-1vw reset" :class="[theme]">
+    <NavBar />
-        <NavBar />
+    <div class="pp-base min-h-screen px-1vw reset" :class="[theme]">
-
         <router-view v-slot="{ Component }">
             <keep-alive :max="5">
                 <component :is="Component" :key="$route.fullPath" />
             </keep-alive>
         </router-view>
-
-        <FooterComponent />
     </div>
+    <label :class="[theme]">
+        <FooterComponent />
+    </label>
 </template>
 
 <style>

src/components/ChannelPage.vue

@@ -5,7 +5,10 @@
         <img v-if="channel.bannerUrl" :src="channel.bannerUrl" class="w-full pb-1.5" loading="lazy" />
         <div class="pp-channel-page-author flex place-items-center">
             <img height="48" width="48" class="m-1" :src="channel.avatarUrl" />
-            <h5 v-text="channel.name" />
+            <div>
+                <h5 v-text="channel.name" />
+                <p class="text-left">{{ numberFormat(channel.subscriberCount) }} Subscribers</p>
+            </div>
             <font-awesome-icon class="ml-1.5" v-if="channel.verified" icon="check" />
         </div>
         <!-- eslint-disable-next-line vue/no-v-html -->
@@ -14,11 +17,10 @@
         </p>
 
         <button
-            class="btn"
+            class="btn mr-40"
             @click="subscribeHandler"
             v-t="{
                 path: `actions.${subscribed ? 'unsubscribe' : 'subscribe'}`,
-                args: { count: numberFormat(channel.subscriberCount) },
             }"
         ></button>
 

src/components/FooterComponent.vue

@@ -1,5 +1,5 @@
 <template>
-    <footer class="text-center py-40 children:(mx-30) w-full mt-10 mb-5">
+    <footer class="text-center py-40 children:(mx-30) w-full mt-10 mb-5 mt-52">
         <a aria-label="GitHub" href="https://github.com/TeamPiped/Piped" target="_blank">
             <font-awesome-icon :icon="['fab', 'github']" />
             <span class="ml-2" v-t="'actions.source_code'" />

src/components/VideoItem.vue

@@ -30,7 +30,12 @@
                     v-else-if="video.duration >= 60"
                     v-text="timeFormat(video.duration)"
                 />
-                <i18n-t v-else keypath="video.live" class="thumbnail-overlay thumbnail-right live-badge" tag="div">
+                <i18n-t
+                    v-else
+                    keypath="video.live"
+                    class="thumbnail-overlay thumbnail-right live-badge !w-fit"
+                    tag="div"
+                >
                     <font-awesome-icon :icon="['fas', 'broadcast-tower']" />
                 </i18n-t>
                 <span v-if="video.watched" class="thumbnail-overlay thumbnail-left" v-t="'video.watched'" />
@@ -189,7 +194,7 @@ export default {
     },
     computed: {
         short() {
-            return this.video.duration > 0 && this.video.duration <= 61;
+            return this.video.duration >= 0 && this.video.duration <= 61;
         },
     },
     components: { PlaylistAddModal },

src/components/WatchVideo.vue

@@ -66,13 +66,16 @@
             <!-- Channel info & options flex container -->
             <div class="pp-watch-bellow-options flex">
                 <!-- Channel Image & Info -->
-                <div class="flex items-center">
+                <div class="flex">
-                    <img :src="video.uploaderAvatar" alt="" loading="lazy" />
+                    <img :src="video.uploaderAvatar" alt="" loading="lazy" class="w-auto" />
-                    <router-link v-if="video.uploaderUrl" class="link ml-1.5" :to="video.uploaderUrl">{{
+                    <div>
-                        video.uploader
+                        <router-link v-if="video.uploaderUrl" class="link ml-1.5" :to="video.uploaderUrl">{{
-                    }}</router-link>
+                            video.uploader
-                    <!-- Verified Badge -->
+                        }}</router-link>
-                    <font-awesome-icon class="ml-1" v-if="video.uploaderVerified" icon="check" />
+                        <!-- Verified Badge -->
+                        <font-awesome-icon class="ml-1" v-if="video.uploaderVerified" icon="check" />
+                        <p class="ml-1.5">{{ numberFormat(video.uploaderSubscriberCount) }} Subscribers</p>
+                    </div>
                 </div>
 
                 <div class="pp-watch-buttons">
@@ -82,7 +85,6 @@
                         @click="subscribeHandler"
                         v-t="{
                             path: `actions.${subscribed ? 'unsubscribe' : 'subscribe'}`,
-                            args: { count: numberFormat(video.uploaderSubscriberCount) },
                         }"
                     />
                     <!-- RSS Feed button -->
@@ -152,6 +154,7 @@
                 v-if="showDesc && sponsors && sponsors.segments"
                 v-text="`${$t('video.sponsor_segments')}: ${sponsors.segments.length}`"
             />
+            <hr />
         </div>
 
         <div class="grid pp-rec-vids">
@@ -268,6 +271,7 @@ export default {
         },
     },
     mounted() {
+        console.log("ASD");
         // check screen size
         if (window.innerWidth >= 1024) {
             this.isMobile = false;
@@ -319,6 +323,7 @@ export default {
         });
     },
     activated() {
+        console.log("ASD");
         this.active = true;
         this.selectedAutoPlay = this.getPreferenceBoolean("autoplay", false);
         this.showDesc = !this.getPreferenceBoolean("minimizeDescription", false);

src/locales/ar.json

@@ -16,11 +16,11 @@
         "watch_on": "شاهد عبر"
     },
     "actions": {
-        "subscribe": "اشتراك - {count}",
+        "subscribe": "اشتراك",
         "view_subscriptions": "عرض الاشتراكات",
         "most_recent": "الأحدث",
         "least_recent": "الأقدم",
-        "unsubscribe": "إلغاء اشتراك - {count}",
+        "unsubscribe": "إلغاء اشتراك",
         "channel_name_asc": "إسم القناة (أبجدي تصاعدي)",
         "sort_by": "ترتيب النتائج:",
         "back": "رجوع",

src/locales/az.json

@@ -16,7 +16,7 @@
         "watch_on": "{0} saytında baxın"
     },
     "actions": {
-        "subscribe": "Abunə Olun - {count}",
+        "subscribe": "Abunə Olun",
         "unsubscribe": "Abunəlikdən Çıxın- {count}",
         "view_subscriptions": "Abunəliklərə Baxın",
         "sort_by": "Sıralama qaydası:",

src/locales/bn.json

@@ -12,8 +12,8 @@
         "watch_on": "দেখুন {0}"
     },
     "actions": {
-        "subscribe": "সদস্যতা নিন - {count}",
+        "subscribe": "সদস্যতা নিন",
-        "unsubscribe": "সদস্যতা পরিত্যাগ - {count}",
+        "unsubscribe": "সদস্যতা পরিত্যাগ",
         "view_subscriptions": "সদস্যতার তালিকা",
         "sort_by": "ভিডিও গুলোর বিন্যাস:",
         "most_recent": "সবচেয়ে সাম্প্রতিক",

src/locales/bs.json

@@ -11,10 +11,10 @@
         "skip_interaction": "Preskoči podsjetnik interakcije (uz pretplatu)",
         "show_comments": "Prikažite komentare",
         "least_recent": "Najstariji",
-        "unsubscribe": "Otkažite pretplatu - {count}",
+        "unsubscribe": "Otkažite pretplatu",
         "view_subscriptions": "Prikažite Pretplate",
         "sort_by": "Poredajte po:",
-        "subscribe": "Pretplatite se - {count}",
+        "subscribe": "Pretplatite se",
         "channel_name_asc": "Naziv kanala (A-Z)",
         "back": "Nazad",
         "create_playlist": "Stvorite popis snimaka",

src/locales/ca.json

@@ -60,8 +60,8 @@
         "hide_replies": "Oculta Respostes",
         "load_more_replies": "Carrega més Respostes",
         "view_subscriptions": "Veure Subscripcions",
-        "subscribe": "Subscriure - {count}",
+        "subscribe": "Subscriure",
-        "unsubscribe": "Anul·lar subscripció - {count}",
+        "unsubscribe": "Anul·lar subscripció",
         "sort_by": "Ordenar per:",
         "most_recent": "Més Recents",
         "least_recent": "Menys Recents",

src/locales/cs.json

@@ -14,7 +14,7 @@
     },
     "actions": {
         "loop_this_video": "Přehrávat video ve smyčce",
-        "subscribe": "Odebírat - {count}",
+        "subscribe": "Odebírat",
         "view_subscriptions": "Zobrazit odběry",
         "sort_by": "Seřadit podle:",
         "most_recent": "Nejnovější",
@@ -64,7 +64,7 @@
         "show_replies": "Zobrazit odpovědi",
         "hide_replies": "Skrýt odpovědi",
         "load_more_replies": "Načíst další odpovědi",
-        "unsubscribe": "Zrušit odběr - {count}",
+        "unsubscribe": "Zrušit odběr",
         "skip_sponsors": "Přeskočit sponzory",
         "minimize_description": "Skrýt popis",
         "skip_non_music": "Přeskočit hudbu: nehudební sekce",

src/locales/de.json

@@ -31,8 +31,8 @@
         "most_recent": "Am Neuesten",
         "sort_by": "Sortieren nach:",
         "view_subscriptions": "Abonnements anzeigen",
-        "unsubscribe": "Deabonnieren - {count}",
+        "unsubscribe": "Deabonnieren",
-        "subscribe": "Abonnieren - {count}",
+        "subscribe": "Abonnieren",
         "enabled_codecs": "Aktivierte Codecs (mehrere)",
         "enable_lbry_proxy": "Proxy für LBRY einschalten",
         "disable_lbry": "LBRY für Streaming deaktivieren",

src/locales/el.json

@@ -31,8 +31,8 @@
         "enable_sponsorblock": "Ενεργοποίηση Sponsorblock",
         "back": "Επιστροφή",
         "sort_by": "Ταξινόμηση κατά:",
-        "unsubscribe": "Απεγγραφή - {count}",
+        "unsubscribe": "Απεγγραφή",
-        "subscribe": "Εγγραφή - {count}",
+        "subscribe": "Εγγραφή",
         "loop_this_video": "Επανάληψη αυτού του βίντεο",
         "instance_selection": "Επιλογή διακομιστή",
         "enabled_codecs": "Ενεργοποιημένοι κωδικοποητές (Πολλαπλοί)",

src/locales/en.json

@@ -16,8 +16,8 @@
         "watch_on": "Watch on {0}"
     },
     "actions": {
-        "subscribe": "Subscribe - {count}",
+        "subscribe": "Subscribe",
-        "unsubscribe": "Unsubscribe - {count}",
+        "unsubscribe": "Unsubscribe",
         "view_subscriptions": "View Subscriptions",
         "sort_by": "Sort by:",
         "most_recent": "Most Recent",

src/locales/es.json

@@ -70,8 +70,8 @@
         "most_recent": "Lo más reciente",
         "sort_by": "Ordenar por:",
         "view_subscriptions": "Ver suscripciones",
-        "unsubscribe": "Anular suscripción - {count}",
+        "unsubscribe": "Anular suscripción",
-        "subscribe": "Suscribirme - {count}",
+        "subscribe": "Suscribirme",
         "loading": "Cargando…",
         "filter": "Filtrar",
         "search": "Buscar",

src/locales/et.json

@@ -13,8 +13,8 @@
         "watch_on": "Vaata saidil {0}"
     },
     "actions": {
-        "subscribe": "Telli - {count}",
+        "subscribe": "Telli",
-        "unsubscribe": "Loobuda tellitud - {count}",
+        "unsubscribe": "Loobuda tellitud",
         "view_subscriptions": "Vaata tellimusi",
         "sort_by": "Sorteerimine:",
         "most_recent": "Viimane",

src/locales/eu.json

@@ -60,8 +60,8 @@
         "most_recent": "Berriena",
         "sort_by": "Ordenatu honen arabera:",
         "view_subscriptions": "Harpidetzak ikusi",
-        "unsubscribe": "Kendu harpidetza - {count}",
+        "unsubscribe": "Kendu harpidetza",
-        "subscribe": "Harpidetu - {count}",
+        "subscribe": "Harpidetu",
         "loading": "Kargatzen...",
         "filter": "Iragazi",
         "search": "Bilatu",

src/locales/fa.json

@@ -24,8 +24,8 @@
         "most_recent": "تازه‌ترین‌ها",
         "sort_by": "مرتب سازی بر اساس:",
         "view_subscriptions": "مشاهده سابسکرایب ها",
-        "unsubscribe": "لغو سابسکرایب - {count}",
+        "unsubscribe": "لغو سابسکرایب",
-        "subscribe": "سابسکرایب - {count}",
+        "subscribe": "سابسکرایب",
         "minimize_recommendations": "بستن توصیه ها",
         "show_recommendations": "نمایش توصیه ها",
         "uses_api_from": "با استفاده از APIای از ",

src/locales/fi.json

@@ -59,8 +59,8 @@
         "most_recent": "Viimeisin",
         "sort_by": "Järjestä:",
         "view_subscriptions": "Näytä tilaukset",
-        "unsubscribe": "Poistu tilauksesta - {count}",
+        "unsubscribe": "Poistu tilauksesta",
-        "subscribe": "Tilaa - {count}",
+        "subscribe": "Tilaa",
         "minimize_recommendations": "Minimoi suositukset",
         "show_recommendations": "Näytä suositukset",
         "show_replies": "Näytä vastaukset",

src/locales/fr.json

@@ -13,8 +13,8 @@
         "player": "Lecteur"
     },
     "actions": {
-        "subscribe": "S'abonner - {count}",
+        "subscribe": "S'abonner",
-        "unsubscribe": "Se désabonner - {count}",
+        "unsubscribe": "Se désabonner",
         "buffering_goal": "Objectif de mise en mémoire tampon (en secondes)",
         "skip_non_music": "Ignorer la musique : section non musicale",
         "skip_self_promo": "Ignorer la promotion non rémunérée / l'autopromotion",

src/locales/he.json

@@ -16,8 +16,8 @@
         "watch_on": "לצפות ב־{0}"
     },
     "actions": {
-        "subscribe": "מינוי - {count}",
+        "subscribe": "מינוי",
-        "unsubscribe": "ביטול מינוי - {count}",
+        "unsubscribe": "ביטול מינוי",
         "view_subscriptions": "הצגת מינויים",
         "sort_by": "מיון לפי:",
         "most_recent": "האחרונים",

src/locales/hi.json

@@ -10,9 +10,9 @@
         "playlists": "प्लेलिस्ट"
     },
     "actions": {
-        "subscribe": "सदस्यता लें - {count}",
+        "subscribe": "सदस्यता लें",
         "back": "वापस जाओ",
-        "unsubscribe": "सदस्यता ले ली है - {count}",
+        "unsubscribe": "सदस्यता ले ली है",
         "no": "नहीं",
         "show_replies": "जवाब देखें",
         "hide_replies": "जवाब छिपाएं",

src/locales/hu.json

@@ -11,11 +11,11 @@
         "account": "Fiók"
     },
     "actions": {
-        "subscribe": "Feliratkozás - {count}",
+        "subscribe": "Feliratkozás",
         "skip_highlight": "Kiemelés",
         "light": "Világos",
         "most_recent": "Legutóbbi",
-        "unsubscribe": "Leiratkozás - {count}",
+        "unsubscribe": "Leiratkozás",
         "view_subscriptions": "Feliratkozások megtekintése",
         "least_recent": "Legrégebbi",
         "channel_name_asc": "Csatorna név (A-Z)",

src/locales/id.json

@@ -16,11 +16,11 @@
         "watch_on": "Tonton di {0}"
     },
     "actions": {
-        "subscribe": "Berlangganan - {count}",
+        "subscribe": "Berlangganan",
         "view_subscriptions": "Lihat Langganan",
         "sort_by": "Sortir bedasarkan oleh:",
         "least_recent": "Baru",
-        "unsubscribe": "Berhenti Berlangganan - {count}",
+        "unsubscribe": "Berhenti Berlangganan",
         "channel_name_asc": "Nama Saluran (A-Z)",
         "channel_name_desc": "Nama Saluran (Z-A)",
         "back": "Kembali",

src/locales/is.json

@@ -15,8 +15,8 @@
         "light": "Ljóst",
         "theme": "Þema",
         "enable_sponsorblock": "Virkja Sponsorblock",
-        "subscribe": "Gerast Áskrifandi - {count}",
+        "subscribe": "Gerast Áskrifandi",
-        "unsubscribe": "Segja Upp Áskrift - {count}",
+        "unsubscribe": "Segja Upp Áskrift",
         "auto": "Sjálfvirkt",
         "audio_only": "Aðeins Hljóð",
         "most_recent": "Nýlegast",

src/locales/it.json

@@ -31,8 +31,8 @@
         "least_recent": "Meno recente",
         "sort_by": "Ordina per:",
         "view_subscriptions": "Visualizza gli abbonamenti",
-        "unsubscribe": "Disiscriviti - {count}",
+        "unsubscribe": "Disiscriviti",
-        "subscribe": "Iscriviti - {count}",
+        "subscribe": "Iscriviti",
         "enabled_codecs": "Abilita Codecs (Molteplici)",
         "enable_lbry_proxy": "Abilita il proxy per LBRY",
         "disable_lbry": "Disabilita LBRY per lo streaming",

src/locales/ja.json

@@ -13,8 +13,8 @@
         "watch_on": "{0}で見る"
     },
     "actions": {
-        "subscribe": "チャンネル登録 - {count}",
+        "subscribe": "チャンネル登録",
-        "unsubscribe": "登録解除 - {count}",
+        "unsubscribe": "登録解除",
         "view_subscriptions": "サブスクリプションを見る",
         "sort_by": "表示順:",
         "most_recent": "新しい順",

src/locales/ko.json

@@ -6,7 +6,7 @@
         "hide_replies": "답글 숨기기",
         "skip_interaction": "상호 작용 알림 (구독) 스킵",
         "show_comments": "댓글 보이기",
-        "unsubscribe": "구독 취소 - {count}",
+        "unsubscribe": "구독 취소",
         "view_subscriptions": "구독 보기",
         "least_recent": "가장 오래된",
         "theme": "테마",
@@ -31,7 +31,7 @@
         "sort_by": "정렬:",
         "most_recent": "가장 최신",
         "channel_name_asc": "채널 이름 (A-Z)",
-        "subscribe": "구독 - {count}",
+        "subscribe": "구독",
         "audio_only": "오디오만",
         "skip_sponsors": "스폰서 스킵",
         "dark": "다크",

src/locales/lt.json

@@ -1,7 +1,7 @@
 {
     "actions": {
-        "unsubscribe": "Atšaukti prenumeratą - {count}",
+        "unsubscribe": "Atšaukti prenumeratą",
-        "subscribe": "Prenumeruoti - {count}",
+        "subscribe": "Prenumeruoti",
         "instances_list": "Perdavimo šaltinių sąrašas",
         "language_selection": "Kalbos pasirinkimas",
         "store_watch_history": "Saugoti žiūrėjimo istoriją",

src/locales/ml.json

@@ -11,8 +11,8 @@
     },
     "actions": {
         "view_subscriptions": "സബ്സ്ക്രിപ്ഷനുകൾ കാണുക",
-        "unsubscribe": "സബ്സ്ക്രൈബ് ചെയ്യേണ്ട - {count}",
+        "unsubscribe": "സബ്സ്ക്രൈബ് ചെയ്യേണ്ട",
-        "subscribe": "സബ്സ്ക്രൈബ് ചെയ്യുക - {count}",
+        "subscribe": "സബ്സ്ക്രൈബ് ചെയ്യുക",
         "instances_list": "ഇൻസ്റ്റൻസുകളുടെ പട്ടിക",
         "minimize_description_default": "സ്ഥിരമായി വിവരണം ചെറുതാക്കുക",
         "skip_intro": "ഇടവേള/ആമുഖ ആനിമേഷൻ ഒഴിവാക്കുക",

src/locales/nb_NO.json

@@ -31,8 +31,8 @@
         "most_recent": "Nyest",
         "sort_by": "Sorter etter:",
         "view_subscriptions": "Vis abonnementer",
-        "unsubscribe": "Opphev abonnement - {count}",
+        "unsubscribe": "Opphev abonnement",
-        "subscribe": "Abonner - {count}",
+        "subscribe": "Abonner",
         "enable_lbry_proxy": "Skru på mellomtjener for LBRY",
         "disable_lbry": "Skru av LBRY-strømming",
         "enabled_codecs": "Aktiverte forskjellige kodek",

src/locales/nl.json

@@ -14,14 +14,14 @@
         "filter": "Filter",
         "skip_filler_tangent": "Opvultangens Overslaan",
         "theme": "Thema",
-        "subscribe": "Abonneren - {count}",
+        "subscribe": "Abonneren",
         "skip_non_music": "Muziek Overslaan: Niet-muzieksectie",
         "show_comments": "Toon Reacties",
         "skip_self_promo": "Onbetaalde/Zelf-promotie Overslaan",
         "skip_highlight": "Markering Overslaan",
         "skip_interaction": "Interactieherinnering Overslaan (Abonneren)",
         "show_more": "Toon Meer",
-        "unsubscribe": "Afmelden - {count}",
+        "unsubscribe": "Afmelden",
         "view_subscriptions": "Abonnementen Bekijken",
         "enable_sponsorblock": "Sponsorblok Inschakelen",
         "skip_preview": "Voorbeeld/Samenvatting Overslaan",

src/locales/pl.json

@@ -13,8 +13,8 @@
         "watch_on": "Obejrzyj na {0}"
     },
     "actions": {
-        "subscribe": "Subskrybuj - {count}",
+        "subscribe": "Subskrybuj",
-        "unsubscribe": "Anuluj subskrypcję - {count}",
+        "unsubscribe": "Anuluj subskrypcję",
         "view_subscriptions": "Zarządzaj subskrybcjami",
         "sort_by": "Sortuj:",
         "most_recent": "Najnowsze",

src/locales/pt.json

@@ -53,8 +53,8 @@
         "loading": "A carregar...",
         "clear_history": "Limpar histórico",
         "show_replies": "Mostrar respostas",
-        "subscribe": "Subscrever - {count}",
+        "subscribe": "Subscrever",
-        "unsubscribe": "Cancelar subscrição - {count}",
+        "unsubscribe": "Cancelar subscrição",
         "view_subscriptions": "Ver subscrições",
         "channel_name_desc": "Nome do canal (Z-A)",
         "skip_sponsors": "Ignorar publicidade",

src/locales/pt_BR.json

@@ -17,8 +17,8 @@
         "minimize_description_default": "Minimizar descrição por padrão",
         "theme": "Tema",
         "audio_only": "Apenas áudio",
-        "subscribe": "Inscrever-se - {count}",
+        "subscribe": "Inscrever-se",
-        "unsubscribe": "Desinscrever-se - {count}",
+        "unsubscribe": "Desinscrever-se",
         "skip_sponsors": "Pular patrocinadores",
         "auto": "Automático",
         "uses_api_from": "Usa a API de ",

src/locales/pt_PT.json

@@ -57,8 +57,8 @@
         "show_replies": "Mostrar Respostas",
         "hide_replies": "Ocultar Respostas",
         "load_more_replies": "Carregar mais Respostas",
-        "unsubscribe": "Anular subscrição - {count}",
+        "unsubscribe": "Anular subscrição",
-        "subscribe": "Subscrever - {count}",
+        "subscribe": "Subscrever",
         "back": "Voltar",
         "audio_only": "Apenas Áudio",
         "default_quality": "Qualidade Padrão",

src/locales/ru.json

@@ -16,8 +16,8 @@
         "watch_on": "Смотреть на {0}"
     },
     "actions": {
-        "subscribe": "Подписаться - {count}",
+        "subscribe": "Подписаться",
-        "unsubscribe": "Отписаться - {count}",
+        "unsubscribe": "Отписаться",
         "view_subscriptions": "Просмотреть подписки",
         "sort_by": "Сортировка по:",
         "most_recent": "Самые новые",

src/locales/sk.json

@@ -34,8 +34,8 @@
         "most_recent": "Najnovšie",
         "sort_by": "Zoradiť podľa:",
         "view_subscriptions": "Zobraziť odbery",
-        "unsubscribe": "Zrušiť odber - {count}",
+        "unsubscribe": "Zrušiť odber",
-        "subscribe": "Odberať - {count}",
+        "subscribe": "Odberať",
         "minimize_recommendations": "Minimalizujte odporúčania",
         "show_recommendations": "Zobraziť odporúčania",
         "export_to_json": "Exportovať do JSONu",

src/locales/sr.json

@@ -22,14 +22,14 @@
         "enabled_codecs": "Омогућени видео кодеци (више)",
         "instance_selection": "Избор инстанце",
         "load_more_replies": "Учитај још одговора",
-        "unsubscribe": "Прекини са праћењем - {count}",
+        "unsubscribe": "Прекини са праћењем",
         "auto": "Аутоматски",
         "search": "Претрага",
         "skip_non_music": "Прескочи делове где нема музике у музичким видео клиповима",
         "theme": "Теме",
         "audio_only": "Само звук",
         "show_description": "Прикажи опис",
-        "subscribe": "Прати - {count}",
+        "subscribe": "Прати",
         "default_quality": "Подразумевани квалитет видеа",
         "clear_history": "Обриши повест гледања",
         "sort_by": "Сортирај по:",

src/locales/sv.json

@@ -13,7 +13,7 @@
         "player": "Spelare"
     },
     "actions": {
-        "subscribe": "Prenumerera - {count}",
+        "subscribe": "Prenumerera",
         "channel_name_asc": "Kanalnamn (A-Z)",
         "channel_name_desc": "Kanalnamn (Z-A)",
         "back": "Tillbaka",
@@ -23,7 +23,7 @@
         "export_to_json": "Exportera till JSON",
         "show_description": "Visa beskrivning",
         "loading": "Laddar...",
-        "unsubscribe": "Avsluta prenumeration - {count}",
+        "unsubscribe": "Avsluta prenumeration",
         "sort_by": "Sortera efter:",
         "most_recent": "Senaste",
         "skip_intro": "Hoppa över paus/introanimering",

src/locales/ta.json

@@ -8,8 +8,8 @@
         "history": "வரலாறு"
     },
     "actions": {
-        "unsubscribe": "குழுவில் - {count}",
+        "unsubscribe": "குழுவில்",
-        "subscribe": "குழுசேர் - {count}",
+        "subscribe": "குழுசேர்",
         "search": "தேடுக",
         "yes": "ஆம்",
         "no": "இல்லை",

src/locales/th.json

@@ -11,7 +11,7 @@
         "watch_on": "ดูบน {0}"
     },
     "actions": {
-        "unsubscribe": "เลิกติดตาม - {count}",
+        "unsubscribe": "เลิกติดตาม",
         "view_subscriptions": "ดูการสมัครสมาชิก",
         "channel_name_asc": "ชื่อช่อง (A-Z)",
         "channel_name_desc": "ชื่อช่อง (Z-A)",
@@ -20,7 +20,7 @@
         "skip_sponsors": "ข้ามผู้สนับสนุน",
         "skip_intro": "ข้ามช่วงพัก/แนะนำแอนิเมชั่น",
         "skip_outro": "ข้ามภาพตอนจบ/เครดิต",
-        "subscribe": "ติดตาม - {count}",
+        "subscribe": "ติดตาม",
         "sort_by": "เรียงตาม:",
         "most_recent": "ล่าสุด",
         "enable_sponsorblock": "เปิดใช้งานการบล็อกสปอนเซอร์"

src/locales/tr.json

@@ -31,8 +31,8 @@
         "most_recent": "En Yeni",
         "sort_by": "Sıralama ölçütü:",
         "view_subscriptions": "Abonelikleri Görüntüle",
-        "unsubscribe": "Abonelikten çık - {count}",
+        "unsubscribe": "Abonelikten çık",
-        "subscribe": "Abone ol - {count}",
+        "subscribe": "Abone ol",
         "enabled_codecs": "Etkin Çözücüler (Birden Çok)",
         "enable_lbry_proxy": "LBRY için Vekil Sunucuyu Etkinleştir",
         "disable_lbry": "Akış için LBRY'yi Devre Dışı Bırak",

src/locales/uk.json

@@ -7,7 +7,7 @@
         "password": "Пароль"
     },
     "actions": {
-        "unsubscribe": "Відписатись - {count}",
+        "unsubscribe": "Відписатись",
         "back": "Назад",
         "skip_intro": "Пропускати заставку/інтро",
         "dark": "Темна",
@@ -35,7 +35,7 @@
         "clear_history": "Очистити історію перегляду",
         "show_replies": "Показати відповіді",
         "load_more_replies": "Завантажити більше відповідей",
-        "subscribe": "Підписатись - {count}",
+        "subscribe": "Підписатись",
         "sort_by": "Відсортувати по:",
         "most_recent": "Найновіші",
         "channel_name_desc": "Назва каналу (Z-A)",

src/locales/vi.json

@@ -1,8 +1,8 @@
 {
     "actions": {
-        "subscribe": "Đăng ký - {count}",
+        "subscribe": "Đăng ký",
         "autoplay_video": "Video tự động phát",
-        "unsubscribe": "Hủy đăng ký - {count}",
+        "unsubscribe": "Hủy đăng ký",
         "view_subscriptions": "Lượt đăng ký",
         "sort_by": "Sắp xếp theo:",
         "most_recent": "Gần đây nhất",

src/locales/zh_Hans.json

@@ -45,8 +45,8 @@
         "most_recent": "最新的",
         "sort_by": "排序：",
         "view_subscriptions": "查看订阅",
-        "unsubscribe": "取消订阅 - {count}",
+        "unsubscribe": "取消订阅",
-        "subscribe": "订购 - {count}",
+        "subscribe": "订购",
         "loading": "正在加载...",
         "filter": "筛选",
         "search": "搜索",

src/locales/zh_Hant.json

@@ -6,8 +6,8 @@
         "country_selection": "選擇國家",
         "channel_name_desc": "頻道名 (Z-A)",
         "channel_name_asc": "頻道名 (A-Z)",
-        "unsubscribe": "取消訂閱 - {count}",
+        "unsubscribe": "取消訂閱",
-        "subscribe": "訂閱 - {count}",
+        "subscribe": "訂閱",
         "sort_by": "排序依據：",
         "view_subscriptions": "檢視訂閱內容",
         "language_selection": "選擇語言",

src/piped.css

@@ -2,7 +2,7 @@
 
 /*End of EFY Template - Documentation on how to use it coming soon at https://efy.ooo/ui . Your own css starts bellow*/
 
-
+/*Base*/ .pp-base {margin: 0 auto; width: 80%;}
 /*BG: Transparent*/ .video-grid div div, .pp-show-recs div div {background: transparent}
 /*BG 1*/ .comment, .video-grid div, .pp-show-recs div, .pp-mobile-nav a, .pp-mobile-nav p, .suggestion-selected, .pp-chapters .chapter:not(.pp-chapter-active, .chapter:hover), .pp-chapters [title=chapters] {background: var(--efy_bg1)}
 /*Bold*/ .btn {font-weight: bold}
@@ -25,7 +25,7 @@
 
 /*Avatar*/ .comment-avatar, .pp-import-channel img {width: 40rem; height:  40rem}
 
-/*Video Grid */ .video-grid {display: grid; gap: 16rem; grid-template-columns: repeat(auto-fit, minmax(224rem, 1fr))}
+/*Video Grid */ .video-grid {display: grid; gap: 15rem; grid-template-columns: repeat(auto-fit, minmax(300rem, 1fr));}
 
 tbody:nth-child(odd) {background: var(--efy_bg1)!important; box-shadow: inset 0 0 0 1.5px var(--efy_bg1)}
 
@@ -66,7 +66,7 @@ tbody:nth-child(odd) {background: var(--efy_bg1)!important; box-shadow: inset 0
 /*Avatar Channel Page*/ .pp-channel-page-author  {gap: 10rem; margin-top: 10rem}
  .pp-channel-page-author  > img {width: 48rem; height: 48rem}
 
-/*Comments*/ .grid .comment {width: fit-content; margin: 0 0 15px 0; gap: 10rem; padding: 12rem; border: 1.5rem solid var(--efy_color_border)}
+/*Comments*/ .grid .comment {width: 100%; margin: 0 0 15px 0; gap: 10rem; padding: 12rem; border: 1.5rem solid var(--efy_color_border)}
 .comment-author {flex-wrap: wrap}
 .comment-meta {margin: 0 5rem}
 .comment .comment {margin-top: 10rem}
@@ -107,7 +107,7 @@ table {margin-top: 0}
 /*Subscribtions*/ .pp-import-channel {gap: 10rem}
 
 /*Other*/ .pp-show-recs {display: grid}
-.video-grid div, .pp-show-recs div {padding: 16rem; border: 1.5rem solid var(--efy_color_border)}
+.video-grid div, .pp-show-recs div {padding: 12rem; max-width: 350px; border: 1.5rem solid var(--efy_color_border)}
 .video-grid div div, .pp-show-recs div div {padding: 0; border: none}
 
 .svg-inline--fa{vertical-align: -2.5rem}
@@ -128,6 +128,11 @@ table {margin-top: 0}
 .pp-mobile-nav a, .pp-mobile-nav p {padding: var(--efy_padding); width: 100%; border-radius: var(--efy_radius)}
 
 /*Convergence*/
+@media (max-width: 1024px) {
+    .pp-base {width: 100%; margin: auto;}
+    .video-grid div, .pp-show-recs div {padding: 12rem; max-width: 100%; border: 1.5rem solid var(--efy_color_border)}
+}
+
 @media (max-width: 990px) {
     .pp-watch-bellow-options {flex-direction: column; margin-top: 15rem}
 }