diff --git a/src/renderer/components/subscription-settings/subscription-settings.css b/src/renderer/components/subscription-settings/subscription-settings.css new file mode 100644 index 000000000..a4ffb52b0 --- /dev/null +++ b/src/renderer/components/subscription-settings/subscription-settings.css @@ -0,0 +1,4 @@ +.onlyShowLatestFromChannelNumber { + inline-size: calc(100% - 44px); + padding-inline-start: 44px; +} diff --git a/src/renderer/components/subscription-settings/subscription-settings.js b/src/renderer/components/subscription-settings/subscription-settings.js index 231658a1f..1bcd535d2 100644 --- a/src/renderer/components/subscription-settings/subscription-settings.js +++ b/src/renderer/components/subscription-settings/subscription-settings.js @@ -2,12 +2,14 @@ import { defineComponent } from 'vue' import { mapActions } from 'vuex' import FtSettingsSection from '../ft-settings-section/ft-settings-section.vue' import FtToggleSwitch from '../ft-toggle-switch/ft-toggle-switch.vue' +import FtSlider from '../ft-slider/ft-slider.vue' export default defineComponent({ name: 'SubscriptionSettings', components: { 'ft-settings-section': FtSettingsSection, - 'ft-toggle-switch': FtToggleSwitch + 'ft-toggle-switch': FtToggleSwitch, + 'ft-slider': FtSlider, }, computed: { hideWatchedSubs: function () { @@ -16,6 +18,9 @@ export default defineComponent({ onlyShowLatestFromChannel: function () { return this.$store.getters.getOnlyShowLatestFromChannel }, + onlyShowLatestFromChannelNumber: function () { + return this.$store.getters.getOnlyShowLatestFromChannelNumber + }, useRssFeeds: function () { return this.$store.getters.getUseRssFeeds }, @@ -32,6 +37,7 @@ export default defineComponent({ 'updateUseRssFeeds', 'updateFetchSubscriptionsAutomatically', 'updateOnlyShowLatestFromChannel', + 'updateOnlyShowLatestFromChannelNumber', 'updateUnsubscriptionPopupStatus' ]) } diff --git a/src/renderer/components/subscription-settings/subscription-settings.vue b/src/renderer/components/subscription-settings/subscription-settings.vue index 9ae067ef5..5ce6c0550 100644 --- a/src/renderer/components/subscription-settings/subscription-settings.vue +++ b/src/renderer/components/subscription-settings/subscription-settings.vue @@ -18,6 +18,12 @@ :compact="true" @change="updateUseRssFeeds" /> +
-
-
- +
+ +