fix: visual issue in subscriptions page when subscribed to no channels

TeamPiped · Jan 24, 2024 · c203f0e · c203f0e
1 parent afcb708
commit c203f0e
Showing 1 changed file with 3 additions and 5 deletions.
diff --git a/src/components/SubscriptionsPage.vue b/src/components/SubscriptionsPage.vue
@@ -35,11 +35,9 @@
                 v-text="`${$t('actions.export_to_json')} (${$t('titles.channel_groups')})`"
             />
         </div>
-        <div class="flex self-center gap-1">
-            <!-- subscriptions count, only shown if there are any  -->
-            <i18n-t v-if="subscriptions.length > 0" keypath="subscriptions.subscribed_channels_count">{{
-                subscriptions.length
-            }}</i18n-t>
+        <!-- subscriptions count, only shown if there are any  -->
+        <div v-if="subscriptions.length > 0" class="flex self-center gap-1">
+            <i18n-t keypath="subscriptions.subscribed_channels_count">{{ subscriptions.length }}</i18n-t>
         </div>
     </div>
     <br />