groove/audiobookshelf
1
0
Fork 0
mirror of https://github.com/advplyr/audiobookshelf.git synced 2026-07-15 05:41:34 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Update dropdown component with SelectInput to support menu overflowing modal

Browse source
This commit is contained in:
advplyr 2024-07-12 17:33:59 -05:00
parent 006e7fe166
commit 56f231b25a
2 changed files with 154 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

6
client/components/modals/PlayerSettingsModal.vue
View file

@ -7,10 +7,10 @@
<div class="pl-4"><span>Use Chapter Track</span></div>
</div>
<div class="flex items-center mb-4">
<ui-dropdown v-model="jumpForwardAmount" :label="$strings.LabelJumpForwardAmount" :value="jumpForwardAmount" :items="jumpValues" @input="setJumpForwardAmount" />
<ui-select-input v-model="jumpForwardAmount" :label="$strings.LabelJumpForwardAmount" menuMaxHeight="250px" :items="jumpValues" @input="setJumpForwardAmount" />
</div>
<div class="flex items-center">
<ui-dropdown v-model="jumpBackwardAmount" :label="$strings.LabelJumpBackwardAmount" :value="jumpBackwardAmount" :items="jumpValues" @input="setJumpBackwardAmount" />
<ui-select-input v-model="jumpBackwardAmount" :label="$strings.LabelJumpBackwardAmount" menuMaxHeight="250px" :items="jumpValues" @input="setJumpBackwardAmount" />
</div>
</div>
</modals-modal>
@ -65,4 +65,4 @@ export default {
this.jumpBackwardAmount = this.$store.getters['user/getUserSetting']('jumpBackwardAmount')
}
}
</script>
</script>