diff options
author | Joas Schilling <213943+nickvergessen@users.noreply.github.com> | 2022-03-08 17:30:44 +0300 |
---|---|---|
committer | GitHub <noreply@github.com> | 2022-03-08 17:30:44 +0300 |
commit | 98f4fd37265374bb81789bb06f835e5e665e3ce5 (patch) | |
tree | 49d67a7fdda3ddafa2c384defb98e10fc06e1bcd | |
parent | 2e7dfdc07009ef61a4eaf803f02a2c53f1bfec80 (diff) | |
parent | fd5928a1576cd8bc395e3b273865d511e1020d3c (diff) |
Merge pull request #6950 from nextcloud/feat/6927/button-for-dashboard
6927: updated button for dashboard
-rw-r--r-- | src/views/Dashboard.vue | 14 |
1 files changed, 11 insertions, 3 deletions
diff --git a/src/views/Dashboard.vue b/src/views/Dashboard.vue index 4581e5fae..eed707118 100644 --- a/src/views/Dashboard.vue +++ b/src/views/Dashboard.vue @@ -45,9 +45,11 @@ <EmptyContent icon="icon-talk"> <template #desc> {{ t('spreed', 'Say hi to your friends and colleagues!') }} - <button @click="clickStartNew"> + <Button class="button-start-conversation" + type="secondary" + @click="clickStartNew"> {{ t('spreed', 'Start a conversation') }} - </button> + </Button> </template> </EmptyContent> </template> @@ -61,6 +63,7 @@ import EmptyContent from '@nextcloud/vue/dist/Components/EmptyContent' import axios from '@nextcloud/axios' import { generateOcsUrl, generateUrl } from '@nextcloud/router' import { CONVERSATION } from '../constants' +import Button from '@nextcloud/vue/dist/Components/Button' const ROOM_POLLING_INTERVAL = 30 @@ -75,7 +78,7 @@ const propertySort = (properties) => (a, b) => properties.map(obj => { export default { name: 'Dashboard', - components: { DashboardWidget, DashboardWidgetItem, ConversationIcon, EmptyContent }, + components: { DashboardWidget, Button, DashboardWidgetItem, ConversationIcon, EmptyContent }, data() { return { @@ -216,4 +219,9 @@ export default { margin-bottom: 2vh; } } + + .button-start-conversation { + margin: 0 auto; + margin-top: 3px; + } </style> |