diff --git a/src/routes/FeedPage.vue b/src/routes/FeedPage.vue
index fe4385d..cf9ce8d 100644
--- a/src/routes/FeedPage.vue
+++ b/src/routes/FeedPage.vue
@@ -16,8 +16,8 @@
{{ $t(error) }}
-
-
+
+
@@ -102,8 +102,12 @@ export default {
}
},
computed: {
- chunkedBySix () {
- return _chunk(this.videos, 6)
+ rowSize () {
+ return this.$store.getters['prefs/getPreferenceNumber']('feedColumns', 4)
+ },
+
+ splitIntoRows () {
+ return _chunk(this.videos, this.rowSize)
}
},
components: {
diff --git a/src/routes/Preferences.vue b/src/routes/Preferences.vue
index 50127ba..f2706b0 100644
--- a/src/routes/Preferences.vue
+++ b/src/routes/Preferences.vue
@@ -79,6 +79,26 @@ export default {
}
]
},
+ {
+ id: 'feedColumns',
+ type: 'select',
+ label: 'Amount of Columns on Feed Pages',
+ default: 4,
+ options: [
+ {
+ text: '4 columns',
+ value: 4
+ },
+ {
+ text: '5 columns',
+ value: 5
+ },
+ {
+ text: '5 columns',
+ value: 5
+ }
+ ]
+ },
{
id: 'quality',
type: 'select',
diff --git a/src/translations/en.json b/src/translations/en.json
index 41a1cf7..45683d0 100644
--- a/src/translations/en.json
+++ b/src/translations/en.json
@@ -50,6 +50,7 @@
"enabled_codecs": "Enabled Codecs (Multiple)"
},
"preferences": {
+ "feedColumns": "Count of Columns in Feed Pages",
"sponsorblock": "Enable Sponsorblock",
"selectedSkip": "Segments to Skip",
"disableLBRY": "Disable LBRY",