diff options
author | Vanessa <38529028+vanpertsch@users.noreply.github.com> | 2022-03-15 08:11:26 +0100 |
---|---|---|
committer | GitHub <noreply@github.com> | 2022-03-15 08:11:26 +0100 |
commit | 246964072589a26df742f5ea2c33e4951a0c9887 (patch) | |
tree | 4cb85fc1beb4fc0b077a9515e41c1d6bf979defa /apps | |
parent | ae79c0cc1ce0a1895b3a2fb8cdff418832643840 (diff) | |
parent | bf7150eae786feb9bf855e5e9fc1d78be2bc1bca (diff) | |
download | nextcloud-server-246964072589a26df742f5ea2c33e4951a0c9887.tar.gz nextcloud-server-246964072589a26df742f5ea2c33e4951a0c9887.zip |
Merge pull request #31397 from nextcloud/fix/31237/new-button-SetStatusModal
add new button component SetStatusModal
Diffstat (limited to 'apps')
-rw-r--r-- | apps/user_status/src/components/SetStatusModal.vue | 25 |
1 files changed, 16 insertions, 9 deletions
diff --git a/apps/user_status/src/components/SetStatusModal.vue b/apps/user_status/src/components/SetStatusModal.vue index f9d10851ae3..73a0faf804c 100644 --- a/apps/user_status/src/components/SetStatusModal.vue +++ b/apps/user_status/src/components/SetStatusModal.vue @@ -55,12 +55,19 @@ <ClearAtSelect :clear-at="clearAt" @select-clear-at="setClearAt" /> <div class="status-buttons"> - <button class="status-buttons__select" :disabled="isSavingStatus" @click="clearStatus"> + <ButtonVue wide="true" + :text="$t('user_status', 'Clear status message')" + :disabled="isSavingStatus" + @click="clearStatus"> {{ $t('user_status', 'Clear status message') }} - </button> - <button class="status-buttons__primary primary" :disabled="isSavingStatus" @click="saveStatus"> + </ButtonVue> + <ButtonVue wide="true" + type="primary" + :text="$t('user_status', 'Set status message')" + :disabled="isSavingStatus" + @click="saveStatus"> {{ $t('user_status', 'Set status message') }} - </button> + </ButtonVue> </div> </div> </Modal> @@ -70,7 +77,7 @@ import { showError } from '@nextcloud/dialogs' import EmojiPicker from '@nextcloud/vue/dist/Components/EmojiPicker' import Modal from '@nextcloud/vue/dist/Components/Modal' - +import ButtonVue from '@nextcloud/vue/dist/Components/Button' import { getAllStatusOptions } from '../services/statusOptionsService' import OnlineStatusMixin from '../mixins/OnlineStatusMixin' import PredefinedStatusesList from './PredefinedStatusesList' @@ -88,6 +95,7 @@ export default { Modal, OnlineStatusSelect, PredefinedStatusesList, + ButtonVue, }, mixins: [OnlineStatusMixin], @@ -267,10 +275,9 @@ export default { .status-buttons { display: flex; - - button { - flex-basis: 50%; - } + padding: 3px; + padding-left:0; + gap: 3px; } } |