diff options
Diffstat (limited to 'apps/federatedfilesharing/src/components/PersonalSettings.vue')
| -rw-r--r-- | apps/federatedfilesharing/src/components/PersonalSettings.vue | 24 |
1 files changed, 12 insertions, 12 deletions
diff --git a/apps/federatedfilesharing/src/components/PersonalSettings.vue b/apps/federatedfilesharing/src/components/PersonalSettings.vue index 896860cf3e9..81bf5f21a7f 100644 --- a/apps/federatedfilesharing/src/components/PersonalSettings.vue +++ b/apps/federatedfilesharing/src/components/PersonalSettings.vue @@ -23,7 +23,7 @@ along with this program. If not, see <http://www.gnu.org/licenses/>. <p class="cloud-id-text"> {{ t('federatedfilesharing', 'Your Federated Cloud ID:') }} <strong id="cloudid">{{ cloudId }}</strong> - <Button ref="clipboard" + <ButtonVue ref="clipboard" v-tooltip="copyLinkTooltip" class="clipboard" type="tertiary-no-background" @@ -31,24 +31,24 @@ along with this program. If not, see <http://www.gnu.org/licenses/>. <template #icon> <Clipboard :size="20" /> </template> - </Button> + </ButtonVue> </p> <p class="social-button"> {{ t('federatedfilesharing', 'Share it so your friends can share files with you:') }}<br> - <Button @click="goTo(shareFacebookUrl)"> + <ButtonVue @click="goTo(shareFacebookUrl)"> {{ t('federatedfilesharing', 'Facebook') }} <template #icon> <Facebook :size="20" /> </template> - </Button> - <Button @click="goTo(shareTwitterUrl)"> + </ButtonVue> + <ButtonVue @click="goTo(shareTwitterUrl)"> {{ t('federatedfilesharing', 'Twitter') }} <template #icon> <Twitter :size="20" /> </template> - </Button> - <Button @click="goTo(shareDiasporaUrl)"> + </ButtonVue> + <ButtonVue @click="goTo(shareDiasporaUrl)"> {{ t('federatedfilesharing', 'Diaspora') }} <template #icon> <svg width="20" @@ -56,13 +56,13 @@ along with this program. If not, see <http://www.gnu.org/licenses/>. viewBox="-10 -5 1034 1034" xmlns="http://www.w3.org/2000/svg"><path fill="currentColor" d="M502 197q-96 0-96.5 1.5t-1.5 137-1.5 138-2 2.5T266 432.5 132.5 390t-30 94T74 578l232 77q21 8 21 10t-79.5 117.5T168 899t79.5 56.5T328 1011t81-110 82-110 41 55l83 115q43 60 44 60t79.5-58 79-59-76-112.5-76-113.5T795 632.5t129.5-44-28-94T867 400t-128 42-128.5 43-2.5-7.5-1-38.5l-3-108q-4-133-5-133.5t-97-.5z" /></svg> </template> - </Button> - <Button @click="showHtml = !showHtml"> + </ButtonVue> + <ButtonVue @click="showHtml = !showHtml"> <template #icon> <Web :size="20" /> </template> {{ t('federatedfilesharing', 'Add to your website') }} - </Button> + </ButtonVue> </p> <template v-if="showHtml"> @@ -89,7 +89,7 @@ along with this program. If not, see <http://www.gnu.org/licenses/>. import { showError } from '@nextcloud/dialogs' import { loadState } from '@nextcloud/initial-state' import SettingsSection from '@nextcloud/vue/dist/Components/SettingsSection' -import Button from '@nextcloud/vue/dist/Components/Button' +import ButtonVue from '@nextcloud/vue/dist/Components/ButtonVue' import Twitter from 'vue-material-design-icons/Twitter' import Facebook from 'vue-material-design-icons/Facebook' import Web from 'vue-material-design-icons/Web' @@ -99,7 +99,7 @@ import Tooltip from '@nextcloud/vue/dist/Directives/Tooltip' export default { name: 'PersonalSettings', components: { - Button, + ButtonVue, SettingsSection, Twitter, Facebook, |