Update

2024-08-14 23:57:27 +00:00 · 2022-10-08 11:39:25 +00:00 · 2022-10-08 11:39:25 +00:00 · 80c1557c3f
commit 80c1557c3f
parent a6d2ed4242
52 changed files with 15334 additions and 2805 deletions
--- a/package-lock.json
+++ b/package-lock.json
--- a/package.json
+++ b/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 ."
--- a/src/App.vue
+++ b/src/App.vue
@ -1,15 +1,15 @@
 <template>
-    <div class="w-full min-h-screen px-1vw reset" :class="[theme]">
    <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>
--- a/src/components/ChannelPage.vue
+++ b/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" />
+            <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>

--- a/src/components/FooterComponent.vue
+++ b/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'" />
--- a/src/components/VideoItem.vue
+++ b/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 },
--- a/src/components/WatchVideo.vue
+++ b/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">
-                    <img :src="video.uploaderAvatar" alt="" loading="lazy" />
+                <div class="flex">
+                    <img :src="video.uploaderAvatar" alt="" loading="lazy" class="w-auto" />
+                    <div>
                        <router-link v-if="video.uploaderUrl" class="link ml-1.5" :to="video.uploaderUrl">{{
                            video.uploader
                        }}</router-link>
                        <!-- 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);
--- a/src/locales/ar.json
+++ b/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": "رجوع",
--- a/src/locales/az.json
+++ b/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ı:",
--- a/src/locales/bn.json
+++ b/src/locales/bn.json
@ -12,8 +12,8 @@
        "watch_on": "দেখুন {0}"
    },
    "actions": {
-        "subscribe": "সদস্যতা নিন - {count}",
-        "unsubscribe": "সদস্যতা পরিত্যাগ - {count}",
+        "subscribe": "সদস্যতা নিন",
+        "unsubscribe": "সদস্যতা পরিত্যাগ",
        "view_subscriptions": "সদস্যতার তালিকা",
        "sort_by": "ভিডিও গুলোর বিন্যাস:",
        "most_recent": "সবচেয়ে সাম্প্রতিক",
--- a/src/locales/bs.json
+++ b/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",
--- a/src/locales/ca.json
+++ b/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}",
-        "unsubscribe": "Anul·lar subscripció - {count}",
+        "subscribe": "Subscriure",
+        "unsubscribe": "Anul·lar subscripció",
        "sort_by": "Ordenar per:",
        "most_recent": "Més Recents",
        "least_recent": "Menys Recents",
--- a/src/locales/cs.json
+++ b/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",
--- a/src/locales/de.json
+++ b/src/locales/de.json
@ -31,8 +31,8 @@
        "most_recent": "Am Neuesten",
        "sort_by": "Sortieren nach:",
        "view_subscriptions": "Abonnements anzeigen",
-        "unsubscribe": "Deabonnieren - {count}",
-        "subscribe": "Abonnieren - {count}",
+        "unsubscribe": "Deabonnieren",
+        "subscribe": "Abonnieren",
        "enabled_codecs": "Aktivierte Codecs (mehrere)",
        "enable_lbry_proxy": "Proxy für LBRY einschalten",
        "disable_lbry": "LBRY für Streaming deaktivieren",
--- a/src/locales/el.json
+++ b/src/locales/el.json
@ -31,8 +31,8 @@
        "enable_sponsorblock": "Ενεργοποίηση Sponsorblock",
        "back": "Επιστροφή",
        "sort_by": "Ταξινόμηση κατά:",
-        "unsubscribe": "Απεγγραφή - {count}",
-        "subscribe": "Εγγραφή - {count}",
+        "unsubscribe": "Απεγγραφή",
+        "subscribe": "Εγγραφή",
        "loop_this_video": "Επανάληψη αυτού του βίντεο",
        "instance_selection": "Επιλογή διακομιστή",
        "enabled_codecs": "Ενεργοποιημένοι κωδικοποητές (Πολλαπλοί)",
--- a/src/locales/en.json
+++ b/src/locales/en.json
@ -16,8 +16,8 @@
        "watch_on": "Watch on {0}"
    },
    "actions": {
-        "subscribe": "Subscribe - {count}",
-        "unsubscribe": "Unsubscribe - {count}",
+        "subscribe": "Subscribe",
+        "unsubscribe": "Unsubscribe",
        "view_subscriptions": "View Subscriptions",
        "sort_by": "Sort by:",
        "most_recent": "Most Recent",
--- a/src/locales/es.json
+++ b/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}",
-        "subscribe": "Suscribirme - {count}",
+        "unsubscribe": "Anular suscripción",
+        "subscribe": "Suscribirme",
        "loading": "Cargando…",
        "filter": "Filtrar",
        "search": "Buscar",
--- a/src/locales/et.json
+++ b/src/locales/et.json
@ -13,8 +13,8 @@
        "watch_on": "Vaata saidil {0}"
    },
    "actions": {
-        "subscribe": "Telli - {count}",
-        "unsubscribe": "Loobuda tellitud - {count}",
+        "subscribe": "Telli",
+        "unsubscribe": "Loobuda tellitud",
        "view_subscriptions": "Vaata tellimusi",
        "sort_by": "Sorteerimine:",
        "most_recent": "Viimane",
--- a/src/locales/eu.json
+++ b/src/locales/eu.json
@ -60,8 +60,8 @@
        "most_recent": "Berriena",
        "sort_by": "Ordenatu honen arabera:",
        "view_subscriptions": "Harpidetzak ikusi",
-        "unsubscribe": "Kendu harpidetza - {count}",
-        "subscribe": "Harpidetu - {count}",
+        "unsubscribe": "Kendu harpidetza",
+        "subscribe": "Harpidetu",
        "loading": "Kargatzen...",
        "filter": "Iragazi",
        "search": "Bilatu",
--- a/src/locales/fa.json
+++ b/src/locales/fa.json
@ -24,8 +24,8 @@
        "most_recent": "تازه‌ترین‌ها",
        "sort_by": "مرتب سازی بر اساس:",
        "view_subscriptions": "مشاهده سابسکرایب ها",
-        "unsubscribe": "لغو سابسکرایب - {count}",
-        "subscribe": "سابسکرایب - {count}",
+        "unsubscribe": "لغو سابسکرایب",
+        "subscribe": "سابسکرایب",
        "minimize_recommendations": "بستن توصیه ها",
        "show_recommendations": "نمایش توصیه ها",
        "uses_api_from": "با استفاده از APIای از ",
--- a/src/locales/fi.json
+++ b/src/locales/fi.json
@ -59,8 +59,8 @@
        "most_recent": "Viimeisin",
        "sort_by": "Järjestä:",
        "view_subscriptions": "Näytä tilaukset",
-        "unsubscribe": "Poistu tilauksesta - {count}",
-        "subscribe": "Tilaa - {count}",
+        "unsubscribe": "Poistu tilauksesta",
+        "subscribe": "Tilaa",
        "minimize_recommendations": "Minimoi suositukset",
        "show_recommendations": "Näytä suositukset",
        "show_replies": "Näytä vastaukset",
--- a/src/locales/fr.json
+++ b/src/locales/fr.json
@ -13,8 +13,8 @@
        "player": "Lecteur"
    },
    "actions": {
-        "subscribe": "S'abonner - {count}",
-        "unsubscribe": "Se désabonner - {count}",
+        "subscribe": "S'abonner",
+        "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",
--- a/src/locales/he.json
+++ b/src/locales/he.json
@ -16,8 +16,8 @@
        "watch_on": "לצפות ב־{0}"
    },
    "actions": {
-        "subscribe": "מינוי - {count}",
-        "unsubscribe": "ביטול מינוי - {count}",
+        "subscribe": "מינוי",
+        "unsubscribe": "ביטול מינוי",
        "view_subscriptions": "הצגת מינויים",
        "sort_by": "מיון לפי:",
        "most_recent": "האחרונים",
--- a/src/locales/hi.json
+++ b/src/locales/hi.json
@ -10,9 +10,9 @@
        "playlists": "प्लेलिस्ट"
    },
    "actions": {
-        "subscribe": "सदस्यता लें - {count}",
+        "subscribe": "सदस्यता लें",
        "back": "वापस जाओ",
-        "unsubscribe": "सदस्यता ले ली है - {count}",
+        "unsubscribe": "सदस्यता ले ली है",
        "no": "नहीं",
        "show_replies": "जवाब देखें",
        "hide_replies": "जवाब छिपाएं",
--- a/src/locales/hu.json
+++ b/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)",
--- a/src/locales/id.json
+++ b/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",
--- a/src/locales/is.json
+++ b/src/locales/is.json
@ -15,8 +15,8 @@
        "light": "Ljóst",
        "theme": "Þema",
        "enable_sponsorblock": "Virkja Sponsorblock",
-        "subscribe": "Gerast Áskrifandi - {count}",
-        "unsubscribe": "Segja Upp Áskrift - {count}",
+        "subscribe": "Gerast Áskrifandi",
+        "unsubscribe": "Segja Upp Áskrift",
        "auto": "Sjálfvirkt",
        "audio_only": "Aðeins Hljóð",
        "most_recent": "Nýlegast",
--- a/src/locales/it.json
+++ b/src/locales/it.json
@ -31,8 +31,8 @@
        "least_recent": "Meno recente",
        "sort_by": "Ordina per:",
        "view_subscriptions": "Visualizza gli abbonamenti",
-        "unsubscribe": "Disiscriviti - {count}",
-        "subscribe": "Iscriviti - {count}",
+        "unsubscribe": "Disiscriviti",
+        "subscribe": "Iscriviti",
        "enabled_codecs": "Abilita Codecs (Molteplici)",
        "enable_lbry_proxy": "Abilita il proxy per LBRY",
        "disable_lbry": "Disabilita LBRY per lo streaming",
--- a/src/locales/ja.json
+++ b/src/locales/ja.json
@ -13,8 +13,8 @@
        "watch_on": "{0}で見る"
    },
    "actions": {
-        "subscribe": "チャンネル登録 - {count}",
-        "unsubscribe": "登録解除 - {count}",
+        "subscribe": "チャンネル登録",
+        "unsubscribe": "登録解除",
        "view_subscriptions": "サブスクリプションを見る",
        "sort_by": "表示順:",
        "most_recent": "新しい順",
--- a/src/locales/ko.json
+++ b/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": "다크",
--- a/src/locales/lt.json
+++ b/src/locales/lt.json
@ -1,7 +1,7 @@
 {
    "actions": {
-        "unsubscribe": "Atšaukti prenumeratą - {count}",
-        "subscribe": "Prenumeruoti - {count}",
+        "unsubscribe": "Atšaukti prenumeratą",
+        "subscribe": "Prenumeruoti",
        "instances_list": "Perdavimo šaltinių sąrašas",
        "language_selection": "Kalbos pasirinkimas",
        "store_watch_history": "Saugoti žiūrėjimo istoriją",
--- a/src/locales/ml.json
+++ b/src/locales/ml.json
@ -11,8 +11,8 @@
    },
    "actions": {
        "view_subscriptions": "സബ്സ്ക്രിപ്ഷനുകൾ കാണുക",
-        "unsubscribe": "സബ്സ്ക്രൈബ് ചെയ്യേണ്ട - {count}",
-        "subscribe": "സബ്സ്ക്രൈബ് ചെയ്യുക - {count}",
+        "unsubscribe": "സബ്സ്ക്രൈബ് ചെയ്യേണ്ട",
+        "subscribe": "സബ്സ്ക്രൈബ് ചെയ്യുക",
        "instances_list": "ഇൻസ്റ്റൻസുകളുടെ പട്ടിക",
        "minimize_description_default": "സ്ഥിരമായി വിവരണം ചെറുതാക്കുക",
        "skip_intro": "ഇടവേള/ആമുഖ ആനിമേഷൻ ഒഴിവാക്കുക",
--- a/src/locales/nb_NO.json
+++ b/src/locales/nb_NO.json
@ -31,8 +31,8 @@
        "most_recent": "Nyest",
        "sort_by": "Sorter etter:",
        "view_subscriptions": "Vis abonnementer",
-        "unsubscribe": "Opphev abonnement - {count}",
-        "subscribe": "Abonner - {count}",
+        "unsubscribe": "Opphev abonnement",
+        "subscribe": "Abonner",
        "enable_lbry_proxy": "Skru på mellomtjener for LBRY",
        "disable_lbry": "Skru av LBRY-strømming",
        "enabled_codecs": "Aktiverte forskjellige kodek",
--- a/src/locales/nl.json
+++ b/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",
--- a/src/locales/pl.json
+++ b/src/locales/pl.json
@ -13,8 +13,8 @@
        "watch_on": "Obejrzyj na {0}"
    },
    "actions": {
-        "subscribe": "Subskrybuj - {count}",
-        "unsubscribe": "Anuluj subskrypcję - {count}",
+        "subscribe": "Subskrybuj",
+        "unsubscribe": "Anuluj subskrypcję",
        "view_subscriptions": "Zarządzaj subskrybcjami",
        "sort_by": "Sortuj:",
        "most_recent": "Najnowsze",
--- a/src/locales/pt.json
+++ b/src/locales/pt.json
@ -53,8 +53,8 @@
        "loading": "A carregar...",
        "clear_history": "Limpar histórico",
        "show_replies": "Mostrar respostas",
-        "subscribe": "Subscrever - {count}",
-        "unsubscribe": "Cancelar subscrição - {count}",
+        "subscribe": "Subscrever",
+        "unsubscribe": "Cancelar subscrição",
        "view_subscriptions": "Ver subscrições",
        "channel_name_desc": "Nome do canal (Z-A)",
        "skip_sponsors": "Ignorar publicidade",
--- a/src/locales/pt_BR.json
+++ b/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}",
-        "unsubscribe": "Desinscrever-se - {count}",
+        "subscribe": "Inscrever-se",
+        "unsubscribe": "Desinscrever-se",
        "skip_sponsors": "Pular patrocinadores",
        "auto": "Automático",
        "uses_api_from": "Usa a API de ",
--- a/src/locales/pt_PT.json
+++ b/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}",
-        "subscribe": "Subscrever - {count}",
+        "unsubscribe": "Anular subscrição",
+        "subscribe": "Subscrever",
        "back": "Voltar",
        "audio_only": "Apenas Áudio",
        "default_quality": "Qualidade Padrão",
--- a/src/locales/ru.json
+++ b/src/locales/ru.json
@ -16,8 +16,8 @@
        "watch_on": "Смотреть на {0}"
    },
    "actions": {
-        "subscribe": "Подписаться - {count}",
-        "unsubscribe": "Отписаться - {count}",
+        "subscribe": "Подписаться",
+        "unsubscribe": "Отписаться",
        "view_subscriptions": "Просмотреть подписки",
        "sort_by": "Сортировка по:",
        "most_recent": "Самые новые",
--- a/src/locales/sk.json
+++ b/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}",
-        "subscribe": "Odberať - {count}",
+        "unsubscribe": "Zrušiť odber",
+        "subscribe": "Odberať",
        "minimize_recommendations": "Minimalizujte odporúčania",
        "show_recommendations": "Zobraziť odporúčania",
        "export_to_json": "Exportovať do JSONu",
--- a/src/locales/sr.json
+++ b/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": "Сортирај по:",
--- a/src/locales/sv.json
+++ b/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",
--- a/src/locales/ta.json
+++ b/src/locales/ta.json
@ -8,8 +8,8 @@
        "history": "வரலாறு"
    },
    "actions": {
-        "unsubscribe": "குழுவில் - {count}",
-        "subscribe": "குழுசேர் - {count}",
+        "unsubscribe": "குழுவில்",
+        "subscribe": "குழுசேர்",
        "search": "தேடுக",
        "yes": "ஆம்",
        "no": "இல்லை",
--- a/src/locales/test.json
+++ b/src/locales/test.json
--- a/src/locales/th.json
+++ b/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": "เปิดใช้งานการบล็อกสปอนเซอร์"
--- a/src/locales/tr.json
+++ b/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}",
-        "subscribe": "Abone ol - {count}",
+        "unsubscribe": "Abonelikten çık",
+        "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",
--- a/src/locales/uk.json
+++ b/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)",
--- a/src/locales/vi.json
+++ b/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",
--- a/src/locales/zh_Hans.json
+++ b/src/locales/zh_Hans.json
@ -45,8 +45,8 @@
        "most_recent": "最新的",
        "sort_by": "排序：",
        "view_subscriptions": "查看订阅",
-        "unsubscribe": "取消订阅 - {count}",
-        "subscribe": "订购 - {count}",
+        "unsubscribe": "取消订阅",
+        "subscribe": "订购",
        "loading": "正在加载...",
        "filter": "筛选",
        "search": "搜索",
--- a/src/locales/zh_Hant.json
+++ b/src/locales/zh_Hant.json
@ -6,8 +6,8 @@
        "country_selection": "選擇國家",
        "channel_name_desc": "頻道名 (Z-A)",
        "channel_name_asc": "頻道名 (A-Z)",
-        "unsubscribe": "取消訂閱 - {count}",
-        "subscribe": "訂閱 - {count}",
+        "unsubscribe": "取消訂閱",
+        "subscribe": "訂閱",
        "sort_by": "排序依據：",
        "view_subscriptions": "檢視訂閱內容",
        "language_selection": "選擇語言",
--- a/src/piped.css
+++ b/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}
 }
--- a/yarn.lock
+++ b/yarn.lock