diff options
author | Nikola <nikola.gladovic@nextcloud.com> | 2022-03-04 22:21:03 +0300 |
---|---|---|
committer | marco <marcoambrosini@pm.me> | 2022-04-05 12:57:30 +0300 |
commit | 08379c696a13a0c3a3eb46f216e1f1cad2e8264d (patch) | |
tree | db7fa147edb4b9b87cea2ba07c76691b8eda0618 /src | |
parent | 26d30d5b24aefbfbe5ada73e9592b4e0aa699544 (diff) |
6927: updated button for room selector
Signed-off-by: Nikola <nikola.gladovic@nextcloud.com>
Diffstat (limited to 'src')
-rw-r--r-- | src/views/RoomSelector.vue | 16 |
1 files changed, 10 insertions, 6 deletions
diff --git a/src/views/RoomSelector.vue b/src/views/RoomSelector.vue index 4431b1cf7..a71c669de 100644 --- a/src/views/RoomSelector.vue +++ b/src/views/RoomSelector.vue @@ -55,12 +55,12 @@ </div> </div> <div id="modal-buttons"> - <button v-if="!loading && availableRooms.length > 0" - class="primary" + <Button v-if="!loading && availableRooms.length > 0" + type="primary" :disabled="!selectedRoom" @click="select"> {{ t('spreed', 'Select conversation') }} - </button> + </Button> </div> </div> </div> @@ -73,12 +73,14 @@ import axios from '@nextcloud/axios' import { generateOcsUrl } from '@nextcloud/router' import { CONVERSATION } from '../constants' import ConversationIcon from '../components/ConversationIcon' +import Button from '@nextcloud/vue/dist/Components/Button' export default { name: 'RoomSelector', components: { ConversationIcon, Modal, + Button, }, props: { container: { @@ -165,9 +167,10 @@ export default { <style lang="scss" scoped> #modal-inner { - width: 90vw; - max-width: 400px; - height: 55vh; + width: 100%; + height: 100%; + padding: 20px; + margin: 0 auto; position: relative; display: flex; align-items: center; @@ -220,6 +223,7 @@ li { #modal-buttons { overflow: hidden; flex-shrink: 0; + margin: 0 auto; button { height: 44px; margin: 0; |