diff options
| author | Vanessa Pertsch <vanessa.pertsch@nextcloud.com> | 2022-05-12 09:50:33 +0200 |
|---|---|---|
| committer | Vanessa Pertsch <vanessa.pertsch@nextcloud.com> | 2022-05-12 16:16:59 +0200 |
| commit | d6698c160a7b2a621ae7efffb35230e8aaf30c5e (patch) | |
| tree | e292dd0ca1f3c6adc24925aca8678034290d7954 /apps/workflowengine/src | |
| parent | 32139610c5e11ee84c71cc1db3e58523f749aa27 (diff) | |
| download | nextcloud-server-d6698c160a7b2a621ae7efffb35230e8aaf30c5e.tar.gz nextcloud-server-d6698c160a7b2a621ae7efffb35230e8aaf30c5e.zip | |
add vue button component in workflow operation.vue
Signed-off-by: Vanessa Pertsch <vanessa.pertsch@nextcloud.com>
Diffstat (limited to 'apps/workflowengine/src')
| -rw-r--r-- | apps/workflowengine/src/components/Operation.vue | 13 | ||||
| -rw-r--r-- | apps/workflowengine/src/styles/operation.scss | 1 |
2 files changed, 9 insertions, 5 deletions
diff --git a/apps/workflowengine/src/components/Operation.vue b/apps/workflowengine/src/components/Operation.vue index 47a40eca950..a148ef3097b 100644 --- a/apps/workflowengine/src/components/Operation.vue +++ b/apps/workflowengine/src/components/Operation.vue @@ -4,11 +4,9 @@ <div class="actions__item__description"> <h3>{{ operation.name }}</h3> <small>{{ operation.description }}</small> - <div> - <button v-if="colored"> - {{ t('workflowengine', 'Add new flow') }} - </button> - </div> + <Button v-if="colored"> + {{ t('workflowengine', 'Add new flow') }} + </Button> </div> <div class="actions__item_options"> <slot /> @@ -17,8 +15,13 @@ </template> <script> +import Button from '@nextcloud/vue/dist/Components/Button' + export default { name: 'Operation', + components: { + Button, + }, props: { operation: { type: Object, diff --git a/apps/workflowengine/src/styles/operation.scss b/apps/workflowengine/src/styles/operation.scss index 89c105d58fe..d936c64e2de 100644 --- a/apps/workflowengine/src/styles/operation.scss +++ b/apps/workflowengine/src/styles/operation.scss @@ -24,6 +24,7 @@ flex-grow: 1; display: flex; flex-direction: column; + align-items: center; } .actions__item_options { width: 100%; |