diff options
author | DorraJaouad <dorra.jaoued7@gmail.com> | 2023-08-09 16:29:27 +0200 |
---|---|---|
committer | backportbot-nextcloud[bot] <backportbot-nextcloud[bot]@users.noreply.github.com> | 2023-08-10 17:38:45 +0000 |
commit | ab2f594aaf38a58b62cb0c256e7bc224723f354c (patch) | |
tree | 74ec375ebcccf433fb098e7aa3b3906cb52abcfe /src/components | |
parent | 90b4c9f170557e39ba07c0104dc974796708c9c6 (diff) |
migration in MediaDevicesSelector
Signed-off-by: DorraJaouad <dorra.jaoued7@gmail.com>
Diffstat (limited to 'src/components')
-rw-r--r-- | src/components/MediaDevicesSelector.vue | 13 |
1 files changed, 6 insertions, 7 deletions
diff --git a/src/components/MediaDevicesSelector.vue b/src/components/MediaDevicesSelector.vue index 6ca4f2dbb..97299bb8a 100644 --- a/src/components/MediaDevicesSelector.vue +++ b/src/components/MediaDevicesSelector.vue @@ -29,12 +29,11 @@ :size="16" /> </div> - <NcMultiselect :id="deviceSelectorId" - v-model="deviceSelectedOption" + <NcSelect v-model="deviceSelectedOption" + :input-id="deviceSelectorId" :options="deviceOptions" - track-by="id" label="label" - :allow-empty="false" + :clearable="false" :placeholder="deviceSelectorPlaceholder" :disabled="!enabled || !deviceOptionsAvailable" /> </div> @@ -44,14 +43,14 @@ import Microphone from 'vue-material-design-icons/Microphone.vue' import VideoIcon from 'vue-material-design-icons/Video.vue' -import NcMultiselect from '@nextcloud/vue/dist/Components/NcMultiselect.js' +import NcSelect from '@nextcloud/vue/dist/Components/NcSelect.js' export default { name: 'MediaDevicesSelector', components: { - NcMultiselect, + NcSelect, Microphone, VideoIcon, }, @@ -212,7 +211,7 @@ export default { font-weight: bold; } - .multiselect { + :deep(.v-select.select) { width: 100%; } } |