Feature/copy icon (#406)

* add copy tooltip

* transparent scrollbar

* add version to header

* localize

Co-authored-by: hay-kot <hay-kot@pm.me>
This commit is contained in:
Hayden 2021-05-11 20:56:30 -08:00 committed by GitHub
parent 5a38589a60
commit 5f074fe5d9
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
5 changed files with 79 additions and 20 deletions

View file

@ -70,11 +70,7 @@
<v-data-table :headers="headers" :items="links" sort-by="calories">
<template v-slot:item.token="{ item }">
{{ `${baseURL}/sign-up/${item.token}` }}
<v-btn icon class="mr-1" small color="accent" @click="updateClipboard(`${baseURL}/sign-up/${item.token}`)">
<v-icon>
mdi-content-copy
</v-icon>
</v-btn>
<TheCopyButton :copy-text="`${baseURL}/sign-up/${item.token}`"/>
</template>
<template v-slot:item.admin="{ item }">
<v-btn small :color="item.admin ? 'success' : 'error'" text>
@ -98,11 +94,12 @@
</template>
<script>
import TheCopyButton from "@/components/UI/Buttons/TheCopyButton";
import ConfirmationDialog from "@/components/UI/Dialogs/ConfirmationDialog";
import { api } from "@/api";
import { validators } from "@/mixins/validators";
export default {
components: { ConfirmationDialog },
components: { ConfirmationDialog, TheCopyButton },
mixins: [validators],
data() {
return {